.l-app-shell { display: grid; grid-template-columns: 240px minmax(0, 1fr); min-height: 100vh; }
.l-main { min-width: 0; } .l-topbar { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); min-height: 64px; padding: 0 var(--space-8); border-bottom: 1px solid var(--color-border); background: var(--color-surface); }
.l-page { max-width: 1440px; margin: 0 auto; padding: var(--space-8); } .c-sidebar { display: flex; flex-direction: column; gap: var(--space-6); padding: var(--space-6) var(--space-4); background: var(--color-sidebar); border-right: 1px solid var(--color-border); }
.c-brand { display: flex; align-items: center; gap: var(--space-3); min-height: 40px; font-weight: 800; text-decoration: none; } .c-brand__mark { display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--radius-md); background: var(--color-primary); color: var(--color-text-inverse); }
.c-sidebar__nav { display: grid; gap: var(--space-1); } .c-sidebar__item { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); text-decoration: none; color: var(--color-text-secondary); } .c-sidebar__item:hover, .c-sidebar__item.is-active { background: var(--color-primary-subtle); color: var(--color-primary-active); } .c-sidebar__icon { display: grid; place-items: center; width: 24px; color: currentColor; font-family: var(--font-mono); font-size: 11px; }
.c-sidebar__footer { margin-top: auto; } .c-breadcrumbs { color: var(--color-text-secondary); font-size: .875rem; } .c-breadcrumbs a { color: var(--color-primary-active); } .c-system-indicator { display: flex; align-items: center; gap: var(--space-2); color: var(--color-text-secondary); font-size: .8125rem; } .c-system-indicator__dot, .c-status__dot { width: 8px; height: 8px; border-radius: var(--radius-pill); background: var(--success-base); }
.c-status { display: inline-flex; align-items: center; gap: var(--space-2); width: fit-content; padding: var(--space-1) var(--space-2); border-radius: var(--radius-pill); background: var(--neutral-surface); color: var(--neutral-fg); font-size: .8125rem; font-weight: 700; } .c-status--success { background: var(--success-surface); color: var(--success-fg); } .c-status--error { background: var(--error-surface); color: var(--error-fg); } .c-status--warning { background: var(--warning-surface); color: var(--warning-fg); } .c-status--partial { background: var(--partial-surface); color: var(--partial-fg); } .c-status--restriction { background: var(--restriction-surface); color: var(--restriction-fg); } .c-status--unknown { background: var(--unknown-surface); color: var(--unknown-fg); }
.c-button { display: inline-flex; justify-content: center; align-items: center; padding: var(--space-2) var(--space-4); border: 1px solid transparent; border-radius: var(--radius-sm); cursor: pointer; text-decoration: none; font-weight: 750; } .c-button--primary { background: var(--color-primary); color: var(--color-text-inverse); } .c-button--primary:hover { background: var(--color-primary-hover); } .c-button--secondary { border-color: var(--color-border-strong); background: var(--color-surface); color: var(--color-text-primary); }
.c-button--tertiary { background: transparent; color: var(--color-text-secondary); } .c-button--destructive { border-color: var(--error-border); background: var(--error-surface); color: var(--error-fg); } .c-button:disabled { cursor: not-allowed; opacity: .65; } .c-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-6) 0 var(--space-8); } .c-actions form { display: inline-flex; } .c-page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-6); margin-bottom: var(--space-6); } .c-page-header h1 { margin: 0 0 var(--space-2); } .c-table-wrap { overflow-x: auto; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); } .c-table { width: 100%; border-collapse: collapse; text-align: left; } .c-table th, .c-table td { padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--color-border); vertical-align: middle; } .c-table th { color: var(--color-text-secondary); font-size: .8125rem; } .c-table tr:last-child td { border-bottom: 0; } .c-user-menu { display: grid; gap: var(--space-1); margin-bottom: var(--space-4); } .c-user-menu__name { font-weight: 750; } .c-user-menu__role { color: var(--color-text-muted); font-size: .8125rem; } .c-user-menu a { color: var(--color-primary-active); font-size: .8125rem; } .c-secret-output { margin: var(--space-5) 0; padding: var(--space-4); border: 1px solid var(--warning-border); border-radius: var(--radius-md); background: var(--warning-surface); overflow-wrap: anywhere; } .u-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.c-card { padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); box-shadow: var(--shadow-xs); } .c-state { display: grid; gap: var(--space-3); padding: var(--space-8); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); } .c-state h1, .c-state h2, .c-state p { margin: 0; } .c-state--error { border-color: var(--error-border); background: var(--error-surface); color: var(--error-fg); }
.c-card--narrow { max-width: 560px; margin: 0 auto; } .c-card > h1 { margin: 0 0 var(--space-3); } .c-eyebrow { margin: 0 0 var(--space-2); color: var(--color-primary-active); font-size: .8125rem; font-weight: 800; letter-spacing: .04em; } .c-card form { display: grid; gap: var(--space-4); max-width: 520px; } .c-field { display: grid; gap: var(--space-2); } .c-field label { font-weight: 700; } .c-field input { min-height: 40px; padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-text-primary); font: inherit; } .c-field input:focus { border-color: var(--color-focus); box-shadow: 0 0 0 3px var(--color-focus-ring); outline: none; } .c-field--error input { border-color: var(--error-base); } .c-field__error { margin: 0; color: var(--error-fg); font-size: .8125rem; } .c-helper { margin: 0; color: var(--color-text-muted); font-size: .8125rem; } .c-state--warning { border-color: var(--warning-border); background: var(--warning-surface); color: var(--warning-fg); } .c-spinner--button { display: none; margin-left: var(--space-2); } [data-submit-lock].is-submitting [data-submit-button] { cursor: wait; } [data-submit-lock].is-submitting .c-spinner--button { display: inline-block; } [data-submit-lock].is-submitting [data-submit-label] { opacity: .8; }
.c-alert { display: flex; gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 1px solid var(--info-border); border-radius: var(--radius-sm); background: var(--info-surface); color: var(--info-fg); } .c-tabs { display: flex; gap: var(--space-4); overflow-x: auto; border-bottom: 1px solid var(--color-border); } .c-tabs__item { padding: var(--space-3) var(--space-2); text-decoration: none; color: var(--color-text-secondary); white-space: nowrap; } .c-tabs__item.is-active { border-bottom: 2px solid var(--color-primary); color: var(--color-primary-active); font-weight: 750; }
.c-spinner { width: 16px; height: 16px; border: 2px solid var(--color-border-strong); border-top-color: var(--color-primary); border-radius: 50%; animation: spin .8s linear infinite; } .c-state--loading { display: flex; align-items: center; } code { font-family: var(--font-mono); font-size: .8125rem; }
.c-grid { display: grid; gap: var(--space-4); margin-top: var(--space-6); } .c-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .c-progress { margin: var(--space-6) 0; } .c-progress .c-page-header { margin-bottom: var(--space-4); } .c-progress h2 { margin: 0; } .c-kpi-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-3); } .c-kpi-grid div { display: grid; gap: var(--space-1); padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-sm); } .c-kpi-grid span { color: var(--color-text-muted); font-size: .8rem; } .c-kpi-grid strong { font-size: 1.4rem; } .c-alert { margin-top: var(--space-4); align-items: center; justify-content: space-between; } .c-alert a { color: inherit; font-weight: 700; } .c-alert--success { border-color: var(--success-border); background: var(--success-surface); color: var(--success-fg); } .c-alert--warning { border-color: var(--warning-border); background: var(--warning-surface); color: var(--warning-fg); } .c-alert--error { border-color: var(--error-border); background: var(--error-surface); color: var(--error-fg); } .c-alert--unknown { border-color: var(--unknown-border); background: var(--unknown-surface); color: var(--unknown-fg); } .c-stepper ol { display: flex; flex-wrap: wrap; gap: var(--space-3); padding: 0; list-style: none; } .c-stepper li { padding: var(--space-2) var(--space-3); border-radius: var(--radius-pill); background: var(--neutral-surface); color: var(--neutral-fg); } .c-stepper li.is-current { background: var(--color-primary); color: var(--color-text-inverse); } .c-stepper li.is-complete { background: var(--color-primary-subtle); color: var(--color-primary-active); } @media (max-width: 767px) { .c-grid--three, .c-kpi-grid { grid-template-columns: 1fr 1fr; } .c-stepper ol { overflow-x: auto; flex-wrap: nowrap; } .c-stepper li { white-space: nowrap; } }
.c-participant-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: var(--space-4); margin-top: var(--space-6); } .c-participant-detail { position: sticky; top: var(--space-4); align-self: start; } .c-participant-detail dl { display: grid; grid-template-columns: 1fr; gap: var(--space-1); } .c-participant-detail dt { color: var(--color-text-muted); font-size: .8125rem; } .c-participant-detail dd { margin: 0 0 var(--space-2); } .c-pagination { display: flex; align-items: center; justify-content: center; gap: var(--space-4); padding-top: var(--space-4); } .c-participant-detail ul { display: grid; gap: var(--space-3); padding-left: var(--space-5); } @media (max-width: 1023px) { .c-participant-layout { grid-template-columns: minmax(0, 1fr); } .c-participant-detail { position: static; } } @media (max-width: 767px) { .c-participant-layout { display: block; } .c-participant-detail { margin-top: var(--space-4); } }
@keyframes spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } }
.c-filter-bar { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: end; margin-top: var(--space-6); } .c-filter-bar .c-field { min-width: 200px; } .c-definition-list { display: grid; grid-template-columns: minmax(140px, 220px) minmax(0, 1fr); gap: var(--space-2) var(--space-4); margin: 0; } .c-definition-list dt { color: var(--color-text-muted); font-size: .8125rem; } .c-definition-list dd { margin: 0; overflow-wrap: anywhere; } .c-reason-list { display: grid; gap: var(--space-2); padding-left: var(--space-5); } @media (max-width: 767px) { .c-definition-list { grid-template-columns: 1fr; gap: var(--space-1); } .c-filter-bar { display: grid; } }
@media (max-width: 1279px) { .l-app-shell { grid-template-columns: 216px minmax(0, 1fr); } .l-topbar, .l-page { padding-left: var(--space-6); padding-right: var(--space-6); } }
@media (max-width: 1023px) { .l-app-shell { display: block; } .c-sidebar { min-height: auto; flex-direction: row; align-items: center; overflow-x: auto; padding: var(--space-3) var(--space-4); } .c-sidebar__nav { display: flex; } .c-sidebar__footer { display: none; } .c-sidebar__item { white-space: nowrap; } .l-topbar { flex-wrap: wrap; padding-top: var(--space-3); padding-bottom: var(--space-3); } }
@media (max-width: 767px) { .l-topbar, .l-page { padding-left: var(--space-4); padding-right: var(--space-4); } .l-page { padding-top: var(--space-6); } .c-sidebar { gap: var(--space-3); } .c-sidebar__item { min-height: 44px; } .c-brand span:last-child { display: none; } .c-system-indicator { font-size: .75rem; } .c-button { min-height: 44px; } }

.c-system-indicator--error { color: var(--error-fg); } .c-system-indicator--error .c-system-indicator__dot { background: var(--error-base); } .c-system-indicator--warning { color: var(--warning-fg); } .c-system-indicator--warning .c-system-indicator__dot { background: var(--warning-base); } .c-system-indicator--neutral .c-system-indicator__dot { background: var(--neutral-fg); }

/* Personal mailing wizard */
.c-dm-workspace { max-width: 1120px; margin: 0 auto; }
.c-dm-heading { display: flex; align-items: end; justify-content: space-between; gap: var(--space-5); margin-bottom: var(--space-5); }
.c-dm-heading h1 { margin: 0 0 var(--space-2); font-size: clamp(1.65rem, 2.4vw, 2rem); line-height: 1.2; }
.c-dm-heading__description { max-width: 680px; margin: 0; color: var(--color-text-secondary); }
.c-dm-heading__state { display: grid; justify-items: end; gap: var(--space-2); color: var(--color-text-muted); font-size: .8125rem; white-space: nowrap; }
.c-dm-heading__state .c-status { justify-self: end; }
.c-dm-kicker { margin: 0 0 var(--space-1); color: var(--color-text-muted); font-size: .6875rem; font-weight: 750; letter-spacing: .08em; }
.c-dm-stepper { margin: 0 0 var(--space-4); }
.c-dm-stepper ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.c-dm-stepper li { display: grid; grid-template-columns: 28px minmax(0, 1fr); grid-template-rows: auto auto; align-content: center; column-gap: var(--space-2); min-width: 0; min-height: 58px; padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text-muted); }
.c-dm-stepper__marker { display: grid; grid-row: 1 / span 2; align-self: center; place-items: center; width: 26px; height: 26px; border-radius: var(--radius-pill); background: var(--color-surface-subtle); color: var(--color-text-secondary); font-size: .75rem; font-weight: 750; }
.c-dm-stepper__label { overflow: hidden; color: var(--color-text-secondary); font-size: .8125rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.c-dm-stepper__state { color: var(--color-text-muted); font-size: .6875rem; }
.c-dm-stepper li.is-current { border-color: var(--color-primary); background: var(--color-primary-ghost); box-shadow: inset 0 0 0 1px var(--color-primary); }
.c-dm-stepper li.is-current .c-dm-stepper__marker { background: var(--color-primary); color: var(--color-text-inverse); }
.c-dm-stepper li.is-current .c-dm-stepper__label, .c-dm-stepper li.is-current .c-dm-stepper__state { color: var(--color-primary-active); }
.c-dm-stepper li.is-complete .c-dm-stepper__marker { background: var(--success-surface); color: var(--success-fg); }
.c-dm-stepper li.is-complete .c-dm-stepper__label { color: var(--color-text-primary); }
.c-dm-stepper li.is-error { border-color: var(--error-border); background: var(--error-surface); }
.c-dm-stepper li.is-error .c-dm-stepper__marker, .c-dm-stepper li.is-error .c-dm-stepper__label { color: var(--error-fg); }
.c-dm-layout { display: grid; grid-template-columns: minmax(0, 1fr) 272px; align-items: start; gap: var(--space-4); }
.c-dm-layout--review { grid-template-columns: minmax(0, 1fr); }
.c-dm-layout--review > .c-dm-summary { display: none; }
.c-dm-main { display: grid; min-width: 0; align-content: start; gap: var(--space-3); }
.c-dm-main > .c-state--error { margin: 0; }
.c-dm-card { min-width: 0; padding: var(--space-5); box-shadow: none; }
.c-dm-card > form { max-width: none; }
.c-dm-card__heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-5); }
.c-dm-card__heading h2 { margin: 0; font-size: 1.25rem; line-height: 1.35; }
.c-dm-card__heading .c-status { flex: 0 0 auto; }
.c-dm-field { max-width: 620px; }
.c-dm-field select, .c-dm-field input { width: 100%; }
.c-dm-field .c-select { display: block; width: 100%; }
.c-dm-selection-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); max-width: 620px; margin-top: var(--space-3); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-subtle); }
.c-dm-selection-card[hidden], .c-dm-message-preview-wrap[hidden], .c-dm-selection-placeholder[hidden] { display: none; }
.c-dm-selection-card > div:first-child { display: grid; gap: var(--space-1); min-width: 0; }
.c-dm-selection-card__label { color: var(--color-text-muted); font-size: .75rem; }
.c-dm-selection-card > div:first-child strong { overflow-wrap: anywhere; }
.c-dm-audience-count { display: grid; justify-items: end; gap: var(--space-1); }
.c-dm-audience-count strong { color: var(--color-primary-active); font-size: 1.5rem; line-height: 1; }
.c-dm-audience-count span { color: var(--color-text-secondary); font-size: .75rem; }
.c-dm-inline-warning { grid-column: 1 / -1; margin: 0; color: var(--warning-fg); font-size: .8125rem; }
.c-dm-selection-placeholder { max-width: 620px; margin: var(--space-3) 0 0; padding: var(--space-4); border: 1px dashed var(--color-border-strong); border-radius: var(--radius-md); color: var(--color-text-muted); font-size: .875rem; }
.c-dm-empty { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); max-width: 720px; padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-subtle); }
.c-dm-empty__icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: var(--radius-md); background: var(--color-primary-subtle); color: var(--color-primary-active); font-size: 1.125rem; font-weight: 700; }
.c-dm-empty h3 { margin: 0 0 var(--space-1); font-size: .9375rem; }
.c-dm-empty p { margin: 0; color: var(--color-text-secondary); font-size: .8125rem; }
.c-dm-offer-previews { max-width: 720px; }
.c-dm-message-preview-wrap { margin-top: var(--space-4); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-subtle); }
.c-dm-message-preview__top { display: flex; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-2); color: var(--color-text-secondary); font-size: .75rem; font-weight: 700; }
.c-dm-message-preview__top span:last-child { color: var(--color-text-muted); font-weight: 500; }
.c-dm-message-preview__top a { color: var(--color-primary-active); font-weight: 700; text-decoration: none; white-space: nowrap; }
.c-dm-message-preview__top a:hover { text-decoration: underline; }
.c-dm-message-preview { min-height: 48px; padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text-primary); line-height: 1.55; overflow-wrap: anywhere; white-space: pre-wrap; }
.c-dm-message-preview-wrap > .c-helper { margin-top: var(--space-2); }
.c-dm-message-preview--compact { max-height: 220px; overflow: auto; }
.c-dm-account-fieldset { display: grid; gap: var(--space-3); min-width: 0; margin: 0; padding: 0; border: 0; }
.c-dm-account-fieldset legend { margin-bottom: var(--space-1); padding: 0; font-weight: 750; }
.c-dm-account-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.c-dm-account-card { display: flex; align-items: flex-start; gap: var(--space-3); min-width: 0; padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); cursor: pointer; }
.c-dm-account-card:hover { border-color: var(--color-border-hover); background: var(--color-row-hover); }
.c-dm-account-card:focus-within { border-color: var(--color-focus); box-shadow: 0 0 0 3px var(--color-focus-ring); }
.c-dm-account-card.is-selected { border-color: var(--color-primary); background: var(--color-primary-ghost); }
.c-dm-account-card.is-unavailable { background: var(--color-surface-subtle); }
.c-dm-account-card > input { flex: 0 0 auto; width: 18px; height: 18px; margin: var(--space-1) 0 0; accent-color: var(--color-primary); }
.c-dm-account-card__body { display: grid; gap: var(--space-1); min-width: 0; }
.c-dm-account-card__top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); min-width: 0; }
.c-dm-account-card__top > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-dm-account-card__top .c-status { flex: 0 0 auto; padding: var(--space-0-5) var(--space-2); font-size: .6875rem; }
.c-dm-account-card__details, .c-dm-account-card__warning { color: var(--color-text-muted); font-size: .75rem; }
.c-dm-account-card__warning { color: var(--warning-fg); }
.c-dm-selection-count { margin: 0; color: var(--color-text-secondary); font-size: .8125rem; }
.c-dm-selection-count strong { color: var(--color-text-primary); }
.c-dm-interval-intro { max-width: 620px; margin-bottom: var(--space-4); }
.c-dm-interval-intro strong { font-size: .9375rem; }
.c-dm-interval-intro p { margin: var(--space-1) 0 0; color: var(--color-text-secondary); font-size: .8125rem; }
.c-dm-interval-field { max-width: 360px; }
.c-dm-interval-input { display: flex; align-items: center; gap: var(--space-2); }
.c-dm-interval-input input { max-width: 180px; }
.c-dm-interval-input > span { color: var(--color-text-secondary); font-size: .875rem; }
.c-dm-presets { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-top: var(--space-1); }
.c-dm-presets > span { color: var(--color-text-muted); font-size: .75rem; }
.c-dm-presets button { padding: var(--space-1) var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-text-secondary); font: inherit; font-size: .75rem; cursor: pointer; }
.c-dm-presets button:hover { border-color: var(--color-primary); color: var(--color-primary-active); }
.c-dm-presets button.is-active { border-color: var(--color-primary); background: var(--color-primary-subtle); color: var(--color-primary-active); font-weight: 700; }
.c-dm-presets button:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.c-dm-form-footer { margin-top: var(--space-6); padding-top: var(--space-4); border-top: 1px solid var(--color-border); }
.c-dm-actions { align-items: center; gap: var(--space-2); margin: 0 0 var(--space-2); }
.c-dm-actions form { display: inline-flex; }
.c-dm-actions .c-button--primary { min-width: 148px; }
.c-dm-actions .c-button:disabled { opacity: .48; }
.c-dm-form-footer > .c-helper { max-width: 620px; }
.c-dm-review { display: grid; gap: var(--space-4); }
.c-dm-review .c-alert { margin: 0; }
.c-dm-review .c-dm-card__heading { margin-bottom: 0; }
.c-dm-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); }
.c-dm-metrics > div { display: grid; align-content: start; gap: var(--space-2); min-width: 0; padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-subtle); }
.c-dm-metrics span { color: var(--color-text-muted); font-size: .75rem; }
.c-dm-metrics strong { font-size: 1.25rem; line-height: 1.2; overflow-wrap: anywhere; }
.c-dm-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.c-dm-review-block { min-width: 0; padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.c-dm-review-block h3 { margin: 0 0 var(--space-2); color: var(--color-text-muted); font-size: .75rem; font-weight: 650; }
.c-dm-review-block p { margin: 0; }
.c-dm-review-block__primary { font-weight: 750; overflow-wrap: anywhere; }
.c-dm-review-block .c-helper { margin-top: var(--space-2); }
.c-dm-review-list { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.c-dm-review-list li { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
.c-dm-review-list li > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.c-dm-review-list .c-status { flex: 0 0 auto; font-size: .6875rem; }
.c-dm-recipients { border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.c-dm-recipients summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) 0; color: var(--color-text-secondary); font-size: .8125rem; font-weight: 700; cursor: pointer; }
.c-dm-recipients summary span { color: var(--color-text-muted); font-weight: 500; }
.c-dm-recipients .c-table-wrap { margin-bottom: var(--space-3); }
.c-dm-recipients > .c-helper { margin: var(--space-2) 0; }
.c-dm-freeze-note { margin: 0; color: var(--color-text-muted); font-size: .8125rem; }
.c-dm-launch { display: grid; justify-items: start; gap: var(--space-2); padding-top: var(--space-2); }
.c-dm-launch .c-button { min-height: 44px; padding-right: var(--space-5); padding-left: var(--space-5); }
.c-dm-launch .c-button--primary { box-shadow: var(--shadow-primary-button); }
.c-dm-launch .c-button--caution { border-color: var(--warning-border); background: var(--warning-surface); color: var(--warning-fg); box-shadow: none; }
.c-dm-launch .c-button--caution:hover:not(:disabled) { border-color: var(--warning-base); background: var(--warning-border); }
.c-dm-launch .c-button--caution:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.c-dm-launch > .c-helper { color: var(--color-text-muted); }
.c-dm-review-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-top: 0; padding-top: 0; border-top: 0; }
.c-dm-review-actions form { display: inline-flex; }
.c-dm-check-unavailable { display: grid; justify-items: start; gap: var(--space-3); }
.c-dm-check-unavailable h2, .c-dm-check-unavailable p { margin: 0; }
.c-dm-check-unavailable p { max-width: 600px; color: var(--color-text-secondary); }
.c-dm-summary { position: sticky; top: var(--space-4); min-width: 0; padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.c-dm-summary__header { display: flex; align-items: start; justify-content: space-between; gap: var(--space-2); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border); }
.c-dm-summary__header h2 { margin: 0; font-size: 1rem; }
.c-dm-summary__header .c-status { flex: 0 0 auto; padding: var(--space-1) var(--space-2); font-size: .6875rem; }
.c-dm-summary-list { display: grid; gap: 0; margin: 0; }
.c-dm-summary-list > div { display: grid; gap: var(--space-1); padding: var(--space-3) 0; border-bottom: 1px solid var(--color-border); }
.c-dm-summary-list dt { color: var(--color-text-muted); font-size: .75rem; }
.c-dm-summary-list dd { margin: 0; color: var(--color-text-primary); font-size: .8125rem; font-weight: 700; overflow-wrap: anywhere; }
.c-dm-summary-list small { color: var(--color-text-muted); font-size: .6875rem; overflow-wrap: anywhere; }
.c-dm-summary__hint { margin: var(--space-3) 0 0; color: var(--color-text-muted); font-size: .75rem; line-height: 1.5; }
.c-dm-summary__result { display: grid; gap: var(--space-1); margin-top: var(--space-3); padding: var(--space-3); border-radius: var(--radius-md); background: var(--success-surface); color: var(--success-fg); }
.c-dm-summary__result strong { font-size: 1.5rem; line-height: 1.1; }
.c-dm-summary__result span, .c-dm-summary__warnings span { font-size: .75rem; }
.c-dm-summary__warnings { display: grid; gap: var(--space-1); margin-top: var(--space-2); padding: var(--space-3); border-radius: var(--radius-md); background: var(--warning-surface); color: var(--warning-fg); }

/* Target-chat messages share the personal-mailing wizard visual language. */
.c-tcm-stepper ol { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.c-tcm-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.c-dm-stepper li.is-locked .c-dm-stepper__label { color: var(--color-text-secondary); }
.c-tcm-chat-fieldset { display: grid; gap: var(--space-3); min-width: 0; margin: 0; padding: 0; border: 0; }
.c-tcm-chat-fieldset legend { margin-bottom: 0; padding: 0; font-weight: 750; }
.c-tcm-chat-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.c-tcm-chat-card { display: flex; align-items: flex-start; gap: var(--space-3); min-width: 0; padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); cursor: pointer; }
.c-tcm-chat-card:hover { border-color: var(--color-border-hover); background: var(--color-row-hover); }
.c-tcm-chat-card:focus-within { border-color: var(--color-focus); box-shadow: 0 0 0 3px var(--color-focus-ring); }
.c-tcm-chat-card.is-selected { border-color: var(--color-primary); background: var(--color-primary-ghost); }
.c-tcm-chat-card > input { flex: 0 0 auto; width: 18px; height: 18px; margin: var(--space-1) 0 0; accent-color: var(--color-primary); }
.c-tcm-chat-card__body { display: grid; gap: var(--space-1); min-width: 0; width: 100%; }
.c-tcm-chat-card__top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); min-width: 0; }
.c-tcm-chat-card__top > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-tcm-chat-card__top .c-status { flex: 0 0 auto; padding: var(--space-0-5) var(--space-2); font-size: .6875rem; }
.c-tcm-chat-card__details { color: var(--color-text-muted); font-size: .75rem; overflow-wrap: anywhere; }
.c-tcm-review-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.c-tcm-review-targets { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.c-tcm-review-targets li { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); min-width: 0; }
.c-tcm-review-targets__name { display: grid; gap: var(--space-0-5); min-width: 0; overflow-wrap: anywhere; }
.c-tcm-review-targets__name small { color: var(--color-text-muted); font-size: .6875rem; }
.c-tcm-review-targets .c-status { flex: 0 0 auto; font-size: .6875rem; }
.c-tcm-review-grid .c-dm-message-preview { margin-top: var(--space-2); }

/* Group-add reuses the personal-mailing wizard components and spacing. */
.c-ga-heading-state { align-items: end; }
.c-ga-heading-state > .c-button { white-space: nowrap; }
.c-ga-group-selection[hidden] { display: none; }
.c-ga-group-selection .c-dm-selection-card__hint { color: var(--color-text-secondary); font-size: .75rem; }
.c-ga-review { scroll-margin-top: var(--space-4); }
.c-ga-review-status-list { display: grid; gap: var(--space-2); margin: var(--space-3) 0 0; padding: 0; list-style: none; }
.c-ga-review-status-list li { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); color: var(--color-text-secondary); font-size: .75rem; }
.c-ga-review-status-list .c-status { flex: 0 0 auto; font-size: .6875rem; }
.c-ga-review-details { border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.c-ga-review-details > summary { padding: var(--space-3) 0; color: var(--color-text-secondary); font-size: .8125rem; font-weight: 700; cursor: pointer; }
.c-ga-review-details__body { display: grid; gap: var(--space-3); padding-bottom: var(--space-4); }
.c-ga-review-details__body h3 { margin: var(--space-2) 0 0; font-size: .9375rem; }
.c-ga-review-details__body > .c-helper { margin: 0; }
.c-ga-group-facts { margin-top: var(--space-2); }
.c-ga-review-next-hint { margin: 0; color: var(--color-text-muted); }
.c-ga-review-nav { margin-bottom: 0; }
.c-ga-review-hint { margin: var(--space-2) 0 0; }

@media (max-width: 1050px) {
  .c-dm-layout { grid-template-columns: minmax(0, 1fr) 248px; gap: var(--space-3); }
  .c-dm-stepper ol { gap: var(--space-1); }
  .c-dm-stepper li { padding-right: var(--space-2); padding-left: var(--space-2); }
}
@media (max-width: 850px) {
  .c-dm-layout { grid-template-columns: minmax(0, 1fr); }
  .c-dm-summary { position: static; }
  .c-dm-summary__header { align-items: center; }
  .c-dm-summary-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-4); }
  .c-dm-summary-list > div:nth-last-child(-n + 2) { border-bottom: 0; }
  .c-dm-summary__hint { margin-top: var(--space-2); }
}
@media (max-width: 767px) {
  .c-dm-heading { align-items: start; }
  .c-dm-heading__state { justify-items: start; }
  .c-dm-stepper { overflow-x: auto; padding-bottom: var(--space-1); }
  .c-dm-stepper ol { grid-template-columns: repeat(5, minmax(136px, 1fr)); }
  .c-tcm-stepper ol { grid-template-columns: repeat(4, minmax(136px, 1fr)); }
  .c-dm-card { padding: var(--space-4); }
  .c-dm-card__heading { align-items: start; }
  .c-dm-empty { grid-template-columns: 36px minmax(0, 1fr); }
  .c-dm-empty .c-button { grid-column: 2; justify-self: start; }
  .c-dm-account-list, .c-dm-review-grid { grid-template-columns: minmax(0, 1fr); }
  .c-tcm-chat-list { grid-template-columns: minmax(0, 1fr); }
  .c-dm-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-dm-summary { padding: var(--space-3); }
}
@media (max-width: 480px) {
  .c-dm-heading { display: grid; gap: var(--space-3); }
  .c-dm-heading__state { display: flex; align-items: center; justify-content: space-between; }
  .c-dm-summary-list { grid-template-columns: minmax(0, 1fr); }
  .c-dm-summary-list > div:nth-last-child(-n + 2) { border-bottom: 1px solid var(--color-border); }
  .c-dm-summary-list > div:last-child { border-bottom: 0; }
  .c-dm-metrics { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .c-dm-actions { align-items: stretch; }
  .c-dm-actions .c-button--primary { width: 100%; }
  .c-dm-actions form { width: 100%; }
  .c-dm-review-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: var(--space-2); }
  .c-dm-review-actions form { width: 100%; }
  .c-dm-review-actions .c-button { width: 100%; }
  .c-dm-review-actions > :last-child:nth-child(odd), .c-ga-review-nav > [data-submit-button], .c-ga-review-nav > :last-child { grid-column: 1 / -1; }
}
.c-status--partial .c-status__dot { background: var(--partial-fg); } .c-status--warning .c-status__dot { background: var(--warning-fg); } .c-status--error .c-status__dot { background: var(--error-fg); } .c-status--restriction .c-status__dot { background: var(--restriction-fg); } .c-status--unknown .c-status__dot { background: var(--unknown-fg); }
.c-dashboard-first-run { margin-bottom: var(--space-6); padding: var(--space-5); background: var(--color-primary-subtle); } .c-dashboard-first-run a { width: fit-content; color: var(--color-primary-active); font-weight: 700; }
.c-dashboard-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-3); } .c-dashboard-kpi { display: grid; align-content: center; gap: var(--space-1); min-height: 88px; padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text-primary); text-decoration: none; } .c-dashboard-kpi:hover { border-color: var(--color-border-strong); } .c-dashboard-kpi > span { color: var(--color-text-secondary); font-size: .8125rem; } .c-dashboard-kpi > strong { font-size: 1.75rem; line-height: 1.1; } .c-dashboard-kpi > small { color: var(--color-text-muted); } .c-dashboard-kpi--attention > strong { color: var(--warning-fg); }
.c-dashboard-types { margin: var(--space-3) 0 0; color: var(--color-text-secondary); font-size: .8125rem; } .c-dashboard-columns { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--space-6); margin-top: var(--space-8); } .c-dashboard-columns > section { min-width: 0; } .c-dashboard-section-title { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-3); } .c-dashboard-section-title h2 { margin: 0; font-size: 1.125rem; } .c-dashboard-section-title a { font-size: .8125rem; }
.c-dashboard-attention { display: grid; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--color-border); } .c-dashboard-attention__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-1) var(--space-3); align-items: center; padding: var(--space-3) 0; border-bottom: 1px solid var(--color-border); } .c-dashboard-attention__row > .c-dashboard-attention__detail { grid-column: 1; color: var(--color-text-secondary); font-size: .8125rem; overflow-wrap: anywhere; } .c-dashboard-attention__row > a { grid-column: 2; grid-row: 1 / span 2; } .c-dashboard-muted { color: var(--color-text-secondary); } .c-dashboard-recent { margin-top: var(--space-8); }
@media (max-width: 1279px) { .c-dashboard-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 1023px) { .c-dashboard-columns { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 767px) { .c-dashboard-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .c-dashboard-kpi { min-height: 76px; } .c-dashboard-attention__row { grid-template-columns: minmax(0, 1fr); } .c-dashboard-attention__row > a { grid-column: 1; grid-row: auto; } .c-page-header { flex-wrap: wrap; } }

/* Unified shell: groups, route state, attention and keyboard-accessible controls. */
.l-page { max-width: 1600px; } .l-topbar { min-width: 0; } .l-topbar__start, .l-topbar__end { display: flex; align-items: center; gap: var(--space-4); min-width: 0; } .l-topbar__end { justify-content: flex-end; } .l-topbar__location { display: grid; gap: var(--space-1); min-width: 0; } .l-topbar__section { font-size: .875rem; font-weight: 700; } .c-breadcrumbs { display: flex; align-items: center; gap: var(--space-2); overflow: hidden; white-space: nowrap; } .c-breadcrumbs__separator { flex: 0 0 16px; width: 16px; height: 16px; color: var(--color-text-muted); } .c-breadcrumbs [aria-current="page"] { overflow: hidden; text-overflow: ellipsis; } .c-breadcrumbs a { min-height: auto; }
.c-skip-link { position: fixed; top: -100px; left: var(--space-4); z-index: 100; padding: var(--space-2) var(--space-3); background: var(--color-surface); color: var(--color-primary-active); } .c-skip-link:focus { top: var(--space-3); }
.c-sidebar { gap: var(--space-5); min-width: 0; } .c-sidebar__brand-row { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); } .c-sidebar__nav { display: grid; gap: var(--space-5); align-content: start; } .c-sidebar__group { display: grid; gap: var(--space-1); } .c-sidebar__group-label { margin: 0 0 var(--space-1); padding: 0 var(--space-3); color: var(--color-text-muted); font-size: .75rem; font-weight: 600; } .c-sidebar__item { min-height: 40px; } .c-sidebar__item.is-active { font-weight: 700; } .c-sidebar__item--disabled { color: var(--color-text-muted); cursor: default; } .c-sidebar__item-label { min-width: 0; } .c-sidebar__subgroup summary { cursor: pointer; list-style: none; } .c-sidebar__subgroup summary::-webkit-details-marker { display: none; } .c-sidebar__children { display: grid; gap: var(--space-1); } .c-sidebar__children .c-sidebar__item { padding-left: var(--space-7); } .c-sidebar__children .c-sidebar__item > .c-icon { width: 16px; height: 16px; } .c-sidebar__icon { flex: 0 0 18px; width: 18px; height: 18px; } .c-nav-counter { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: auto; padding: 0 var(--space-1); border-radius: var(--radius-pill); background: var(--warning-surface); color: var(--warning-fg); font-size: .75rem; font-weight: 700; } .c-nav-counter + .c-nav-counter { margin-left: 0; } .c-nav-counter--error { background: var(--error-surface); color: var(--error-fg); } .c-nav-counter--restriction { background: var(--restriction-surface); color: var(--restriction-fg); } .c-nav-counter--unknown { background: var(--unknown-surface); color: var(--unknown-fg); }
.c-nav-toggle, .c-sidebar__close, .c-nav-backdrop { display: none; } .c-sidebar__rail-toggle { display: none; border: 0; background: transparent; color: var(--color-text-secondary); cursor: pointer; } .c-system-indicator { min-height: 40px; text-decoration: none; } .c-system-indicator:hover { text-decoration: underline; }
.c-topbar-user { position: relative; flex: 0 0 auto; } .c-topbar-user summary { display: grid; cursor: pointer; min-width: 128px; font-size: .8125rem; } .c-topbar-user__identity { font-weight: 700; } .c-topbar-user__role { color: var(--color-text-muted); } .c-topbar-user__menu { position: absolute; right: 0; top: 100%; z-index: 20; display: grid; min-width: 180px; padding: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); box-shadow: var(--shadow-xs); } .c-topbar-user__menu a, .c-topbar-user__menu button { display: flex; align-items: center; width: 100%; min-height: 40px; padding: var(--space-2); border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--color-text-primary); text-align: left; text-decoration: none; cursor: pointer; } .c-topbar-user__menu a:hover, .c-topbar-user__menu button:hover { background: var(--color-primary-subtle); }
@media (min-width: 1024px) and (max-width: 1279px) { .c-sidebar__rail-toggle { display: inline-flex; align-items: center; justify-content: center; } body.nav-rail .l-app-shell { grid-template-columns: 72px minmax(0, 1fr); } body.nav-rail .c-sidebar { padding-left: var(--space-2); padding-right: var(--space-2); } body.nav-rail .c-brand__text, body.nav-rail .c-sidebar__group-label, body.nav-rail .c-sidebar__item-label { display: none; } body.nav-rail .c-sidebar__item { flex-wrap: wrap; justify-content: center; align-content: center; gap: var(--space-1); padding-left: var(--space-1); padding-right: var(--space-1); } body.nav-rail .c-sidebar__children .c-sidebar__item { padding-left: var(--space-1); } body.nav-rail .c-nav-counter { margin-left: 0; } body.nav-rail .c-sidebar__brand-row { flex-direction: column; } }
@media (max-width: 1023px) { .l-app-shell { display: block; } .c-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 40; display: flex; flex-direction: column; align-items: stretch; width: min(320px, 88vw); height: 100vh; min-height: 0; overflow-y: auto; overflow-x: hidden; padding: var(--space-4); background: var(--color-sidebar); transform: translateX(-110%); transition: transform .2s ease; visibility: hidden; } body.nav-open .c-sidebar { transform: translateX(0); visibility: visible; } .c-sidebar__nav { display: grid; } .c-sidebar__close, .c-nav-toggle { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; border: 0; background: transparent; color: var(--color-text-primary); cursor: pointer; } .c-nav-backdrop { position: fixed; inset: 0; z-index: 30; border: 0; background: var(--color-overlay); } body.nav-open .c-nav-backdrop { display: block; } body.nav-open { overflow: hidden; } .l-topbar { flex-wrap: nowrap; } }
@media (max-width: 767px) { body { min-width: 0; } .l-topbar__end { gap: var(--space-2); } .c-topbar-user summary { min-width: 0; max-width: 100px; } .c-topbar-user__identity { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c-breadcrumbs { max-width: 160px; } .c-system-indicator { max-width: 130px; } .c-system-indicator span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }

.c-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); }
.c-section-heading h2 { margin: 0; }
.l-page:has(.c-job-list) { max-width: 1760px; }
.c-job-list .c-page-header { margin-bottom: var(--space-4); }
.c-job-list .c-page-header h1 { margin-bottom: var(--space-1); font-size: 1.75rem; line-height: 1.2; }
.c-job-list .c-page-header .c-helper { max-width: 72ch; }
.c-job-draft-next { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-5); }
.c-job-draft-next h2 { margin: 0 0 var(--space-1); font-size: 1.125rem; }
.c-job-draft-next .c-button { flex: 0 0 auto; }
.c-job-entry-points { display: grid; gap: var(--space-3); margin-bottom: var(--space-4); padding: var(--space-4) var(--space-5); }
.c-job-entry-points__heading h2 { margin: 0 0 var(--space-1); font-size: 1.125rem; }
.c-job-entry-points__heading p { margin: 0; }
.c-actions--entry-points { align-items: center; gap: var(--space-2); margin: 0; }
.c-actions--entry-points .c-button { white-space: nowrap; }
.c-job-filters { display: grid; grid-template-columns: minmax(145px, 1fr) minmax(145px, 1fr) minmax(155px, 1fr) minmax(260px, 1.6fr) minmax(205px, 1.3fr) auto; align-items: end; gap: var(--space-3); margin: 0; padding: var(--space-4); }
.c-job-filters .c-job-filters__field { min-width: 0; gap: var(--space-2); }
.c-job-filters .c-field label, .c-job-filters legend { color: var(--color-text-secondary); font-size: .8125rem; font-weight: 700; }
.c-job-filters select, .c-job-filters input { width: 100%; min-width: 0; height: var(--control-height); min-height: var(--control-height); padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-text-primary); font: inherit; }
.c-job-filters select:focus, .c-job-filters input:focus { border-color: var(--color-focus); box-shadow: 0 0 0 3px var(--color-focus-ring); outline: none; }
.c-job-filters__period { display: grid; min-width: 0; gap: var(--space-2); margin: 0; padding: 0; border: 0; }
.c-job-filters__period legend { margin-bottom: var(--space-2); padding: 0; }
.c-job-filters__period-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.c-job-filters__period-controls label { display: grid; min-width: 0; gap: var(--space-1); color: var(--color-text-muted); font-size: .75rem; font-weight: 600; }
.c-actions--filter { align-items: center; gap: var(--space-1); margin: 0; }
.c-job-queue { margin-top: var(--space-4); padding: 0; overflow: hidden; }
.c-job-queue__header { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4) var(--space-5); border-bottom: 1px solid var(--color-border); }
.c-job-queue__header h2 { margin: 0; font-size: 1.125rem; }
.c-job-queue__count { padding: var(--space-1) var(--space-2); border-radius: var(--radius-pill); background: var(--color-surface-subtle); color: var(--color-text-secondary); font-size: .75rem; font-weight: 700; }
.c-job-queue__table-wrap { border: 0; border-radius: 0; }
.c-job-table { min-width: 1120px; table-layout: fixed; }
.c-job-table__operation { width: 19%; }
.c-job-table__account { width: 12%; }
.c-job-table__status { width: 16%; }
.c-job-table__progress { width: 15%; }
.c-job-table__date { width: 18%; }
.c-job-table__result { width: 20%; }
.c-job-table th { background: var(--color-surface-subtle); white-space: nowrap; }
.c-job-table th a { display: inline-flex; align-items: center; color: inherit; text-decoration: none; }
.c-job-table th a:hover { color: var(--color-primary-active); text-decoration: underline; }
.c-job-table td { min-width: 0; overflow-wrap: anywhere; }
.c-job-table tbody tr:hover { background: var(--color-row-hover); }
.c-job-table__operation-cell > a { text-decoration: none; }
.c-job-table__operation-cell > a:hover { color: var(--color-primary-active); text-decoration: underline; }
.c-job-table__meta { display: block; margin-top: var(--space-1); }
.c-job-table__result-cell { font-size: .8125rem; }
.c-job-progress { display: grid; grid-template-columns: minmax(56px, 1fr) auto; align-items: center; gap: var(--space-2); color: var(--color-text-secondary); font-size: .75rem; white-space: nowrap; }
.c-job-progress progress { display: block; width: 100%; height: 8px; accent-color: var(--color-primary); border: 0; border-radius: var(--radius-pill); overflow: hidden; }
.c-job-progress progress::-webkit-progress-bar { border-radius: var(--radius-pill); background: var(--color-surface-sunken); }
.c-job-progress progress::-webkit-progress-value { border-radius: var(--radius-pill); background: var(--color-primary); }
.c-job-progress progress::-moz-progress-bar { border-radius: var(--radius-pill); background: var(--color-primary); }
.c-job-flag { display: block; margin-top: var(--space-1); font-size: .75rem; }
.c-job-flag--error { color: var(--error-fg); }
.c-job-flag--warning { color: var(--warning-fg); }
.c-job-table__empty-row td { padding: 0; border-bottom: 0; }
.c-job-empty { display: grid; justify-items: center; gap: var(--space-2); padding: var(--space-5) var(--space-4); text-align: center; }
.c-job-empty__icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--radius-md); background: var(--color-primary-subtle); color: var(--color-primary); }
.c-job-empty h3, .c-job-empty p { margin: 0; }
.c-job-empty h3 { font-size: 1rem; }
.c-job-empty p { color: var(--color-text-secondary); font-size: .875rem; }
.c-job-empty .c-button { margin-top: var(--space-1); }
.c-button--disabled { cursor: not-allowed; opacity: .55; }
.c-job-pagination { flex-wrap: wrap; justify-content: flex-start; margin: 0; padding: var(--space-3) var(--space-4); border-top: 1px solid var(--color-border); }
.c-job-pagination > span:first-child { margin-right: auto; }
@media (max-width: 1399px) { .c-job-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); } .c-job-filters__period { min-width: 0; } .c-actions--filter { justify-self: end; } }
@media (max-width: 1023px) { .c-job-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } .c-job-filters__period, .c-job-filters .c-job-filters__field:last-of-type { grid-column: span 2; } .c-actions--filter { justify-self: start; } }
@media (max-width: 767px) { .c-job-list .c-page-header { margin-bottom: var(--space-3); } .c-job-entry-points { padding: var(--space-4); } .c-actions--entry-points { display: grid; grid-template-columns: 1fr; } .c-actions--entry-points .c-button { width: 100%; white-space: normal; } .c-job-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); } .c-job-filters__period, .c-job-filters .c-job-filters__field:last-of-type, .c-actions--filter { grid-column: span 2; } .c-actions--filter { justify-self: start; } .c-job-queue__header { padding: var(--space-3) var(--space-4); } .c-job-pagination { display: grid; justify-items: start; } .c-job-pagination > span:first-child { margin-right: 0; } .c-job-table { min-width: 1120px; } .c-table-wrap:has(.c-job-table) { overflow-x: auto; -webkit-overflow-scrolling: touch; } }
@media (max-width: 479px) { .c-job-filters { grid-template-columns: minmax(0, 1fr); } .c-job-filters__period, .c-job-filters .c-job-filters__field:last-of-type, .c-actions--filter { grid-column: auto; } .c-actions--filter { flex-wrap: wrap; } }
@media (max-width: 767px) { .c-job-draft-next { display: grid; } .c-job-draft-next .c-button { width: 100%; } }

/* Shared component contract additions. Pages compose these classes; they do
   not introduce local colors, spacing values or modal variants. */
.c-icon {
  display: block;
  flex: 0 0 var(--icon-size, 18px);
  flex-shrink: 0;
  width: var(--icon-size, 18px);
  height: var(--icon-size, 18px);
  min-width: 16px;
  min-height: 16px;
  overflow: visible;
  color: currentColor;
  fill: none;
  stroke: currentColor;
  vertical-align: middle;
}
.c-icon-heading { display: inline-flex; align-items: center; gap: var(--space-2); min-width: 0; }
.c-icon-heading > .c-icon { color: currentColor; }
.c-kpi__label { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
.c-kpi__label > .c-icon { color: currentColor; }
.c-kpi__label > span { min-width: 0; }
.c-kpi--success .c-kpi__label > .c-icon,
.c-kpi--active .c-kpi__label > .c-icon { color: var(--success-fg); }
.c-kpi--warning .c-kpi__label > .c-icon { color: var(--warning-fg); }
.c-kpi--restriction .c-kpi__label > .c-icon { color: var(--restriction-fg); }
.c-kpi--error .c-kpi__label > .c-icon { color: var(--error-fg); }
.c-button, .c-icon-button { min-width: 40px; min-height: 40px; }
.c-button { gap: var(--space-2); border-radius: var(--radius-md); }
.c-button--destructive { border-color: var(--error-border); background: var(--color-surface); color: var(--error-fg); }
.c-button--destructive:hover { background: var(--error-surface); }
.c-icon-button { display: inline-grid; place-items: center; padding: var(--space-2); border: 1px solid transparent; border-radius: var(--radius-md); background: transparent; color: var(--color-text-secondary); cursor: pointer; text-decoration: none; }
.c-icon-button:hover { background: var(--color-surface-subtle); color: var(--color-text-primary); }
.c-icon-button:disabled { cursor: not-allowed; opacity: .6; }
.c-status { gap: var(--space-2); min-height: 28px; border: 1px solid transparent; }
.c-status--active { background: var(--success-surface); color: var(--success-fg); }
.c-status--info { background: var(--info-surface); color: var(--info-fg); }
.c-status--neutral { border-color: var(--neutral-border); }
.c-status--partial { border-color: var(--partial-border); }
.c-status--success { border-color: var(--success-border); }
.c-status--warning { border-color: var(--warning-border); }
.c-status--restriction { border-color: var(--restriction-border); }
.c-status--error { border-color: var(--error-border); }
.c-status--unknown { border-color: var(--unknown-border); }
.c-status code { margin-left: var(--space-1); color: inherit; opacity: .75; }
.c-alert__icon, .c-state__icon { display: inline-flex; flex: 0 0 auto; }
.c-alert__body { display: grid; gap: var(--space-1); min-width: 0; }
.c-state--success { border-color: var(--success-border); background: var(--success-surface); color: var(--success-fg); }
.c-state--partial { border-color: var(--partial-border); background: var(--partial-surface); color: var(--partial-fg); }
.c-state--unknown { border-color: var(--unknown-border); background: var(--unknown-surface); color: var(--unknown-fg); }
.c-state--empty .c-button, .c-state--error .c-button, .c-state--success .c-button { width: fit-content; }
.c-section--spaced { margin-top: var(--space-6); }
.c-section--spaced-sm { margin-top: var(--space-4); }
.c-row-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.c-kpi { display: grid; align-content: center; gap: var(--space-1); min-height: 88px; padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-text-primary); text-decoration: none; }
.c-kpi > span { color: var(--color-text-secondary); font-size: .8125rem; }
.c-kpi > strong { font-size: 1.75rem; line-height: 1.1; }
.c-kpi--warning > strong { color: var(--warning-fg); }
.c-kpi--restriction > strong { color: var(--restriction-fg); }
.c-kpi--error > strong { color: var(--error-fg); }
.c-progress__bar { display: block; width: 100%; height: 8px; margin-top: var(--space-3); border: 0; border-radius: var(--radius-pill); background: var(--color-surface-sunken); accent-color: var(--color-secondary-accent); }
.c-progress__bar::-webkit-progress-bar { border-radius: var(--radius-pill); background: var(--color-surface-sunken); }
.c-progress__bar::-webkit-progress-value { border-radius: var(--radius-pill); background: var(--color-secondary-accent); }
.c-skeleton { min-height: 120px; }
.c-skeleton__line { display: block; width: 70%; height: 12px; border-radius: var(--radius-pill); background: var(--color-surface-sunken); }
.c-skeleton__line--wide { width: 100%; height: 20px; }
.c-skeleton__line--short { width: 42%; }
.c-modal, .c-drawer { background: var(--color-surface-raised); box-shadow: var(--shadow-overlay); }
.c-overlay { position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; padding: var(--space-4); background: var(--color-overlay); }
.c-overlay[hidden] { display: none; }
.c-modal { width: min(520px, 100%); max-height: calc(100vh - var(--space-8)); overflow: auto; border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.c-modal--small { width: min(400px, 100%); }
.c-modal--large { width: min(720px, 100%); }
.c-modal__header, .c-drawer__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); border-bottom: 1px solid var(--color-border); }
.c-modal__header h2, .c-drawer__header h2 { margin: 0; }
.c-modal__body, .c-drawer__body { padding: var(--space-4); }
.c-drawer { position: fixed; inset: 0 0 0 auto; z-index: 50; width: min(400px, 100%); overflow: auto; border-left: 1px solid var(--color-border); }
.c-drawer[hidden] { display: none; }
.c-pagination { flex-wrap: wrap; gap: var(--space-2); }
.c-pagination__summary { margin-right: auto; color: var(--color-text-secondary); }
.c-table-wrap:focus-within { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.c-table th { min-height: 36px; }
.c-table-wrap { max-width: 100%; overscroll-behavior-inline: contain; }
.c-table th, .c-table td { overflow-wrap: anywhere; }
.c-page-header > .c-actions { margin: 0; }
.dialog-open { overflow: hidden; }
@media (max-width: 1023px) { .c-drawer { width: 100%; } .c-modal { max-height: calc(100vh - var(--space-4)); } }
@media (max-width: 767px) { .c-button, .c-icon-button { min-height: 44px; } .c-button { width: 100%; } .c-actions .c-button, .c-row-actions .c-button { width: auto; } .c-pagination__summary { width: 100%; margin-right: 0; } .c-modal { width: 100%; } .c-modal__header, .c-drawer__header, .c-modal__body, .c-drawer__body { padding: var(--space-4); } }
@media (prefers-reduced-motion: reduce) { .c-sidebar, .c-overlay, .c-drawer, .c-modal { transition: none !important; } }

/* Responsive operator contract: preserve identity/status while the layout
   changes shape at medium and narrow widths. */
@media (min-width: 768px) and (max-width: 1023px) {
  .c-participant-detail { position: fixed; inset: 0 0 0 auto; z-index: 50; width: min(400px, 100vw); max-width: 100%; overflow-y: auto; padding: var(--space-4); border-left: 1px solid var(--color-border); background: var(--color-surface); box-shadow: var(--shadow-overlay); }
  .c-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .c-table { min-width: max-content; }
  .c-page-header > .c-actions { width: 100%; }
}
@media (max-width: 767px) {
  .c-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .c-table { min-width: max-content; }
  .c-table th, .c-table td { min-width: 9rem; }
  .c-table th:first-child, .c-table td:first-child { min-width: 12rem; }
  .c-page-header > .c-actions { display: grid; width: 100%; }
  .c-page-header > .c-actions .c-button { width: 100%; }
  .c-page-header > .c-actions .c-button--destructive { margin-top: var(--space-2); }
}

/* Product UI layer: one control contract shared by admin and operator routes. */
html { background: var(--color-canvas); }
body { color: var(--color-text-primary); font-size: 14px; line-height: 1.5; }
h1, h2, h3, h4 { color: var(--color-text-primary); letter-spacing: -0.018em; }
h1 { font-size: clamp(1.65rem, 1.35rem + 0.45vw, 2rem); line-height: 1.15; }
h2 { font-size: 1.15rem; line-height: 1.3; }
h3 { font-size: 1rem; line-height: 1.35; }
p { line-height: 1.55; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }

.l-app-shell { grid-template-columns: 248px minmax(0, 1fr); background: var(--color-canvas); }
.l-main { min-width: 0; }
.l-topbar { min-height: 68px; padding-inline: clamp(20px, 3vw, 40px); background: var(--surface-topbar); backdrop-filter: blur(12px); }
.l-page { max-width: 1680px; padding: clamp(24px, 3vw, 40px); }
.c-sidebar { gap: var(--space-6); padding: var(--space-6) var(--space-4); background: var(--color-sidebar); }
.c-brand { color: var(--color-text-primary); }
.c-brand__mark { width: 34px; height: 34px; border-radius: 9px; box-shadow: var(--shadow-brand); }
.c-sidebar__nav { gap: var(--space-6); }
.c-sidebar__group-label { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.c-sidebar__item { min-height: 40px; border: 1px solid transparent; font-size: 13px; font-weight: 600; }
.c-sidebar__item:hover { background: var(--color-sidebar-hover); color: var(--color-text-primary); }
.c-sidebar__item.is-active { border-color: var(--color-sidebar-active-border); background: var(--color-primary-subtle); color: var(--color-primary-active); }
.c-sidebar__item.is-active .c-sidebar__icon { color: var(--color-primary); }
.c-sidebar__item > .c-icon { flex: 0 0 var(--icon-size, 18px); width: var(--icon-size, 18px); height: var(--icon-size, 18px); color: var(--color-text-icon); }
.c-sidebar__item.is-active > .c-icon { color: var(--color-primary); }
.c-sidebar__disclosure-icon { display: inline-flex; margin-left: auto; color: var(--color-text-muted); }
.c-sidebar__icon { color: var(--color-text-icon); }
.c-sidebar__subgroup > summary .c-sidebar__icon { transition: transform .16s ease; }
.c-sidebar__subgroup[open] > summary .c-sidebar__icon { transform: rotate(90deg); }
.c-topbar-user summary { min-height: 40px; padding: var(--space-1) var(--space-8) var(--space-1) var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); position: relative; }
.c-topbar-user summary::after { content: ""; position: absolute; right: 11px; top: 50%; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-65%) rotate(45deg); color: var(--color-text-muted); }
.c-topbar-user summary::-webkit-details-marker { display: none; }
.c-topbar-user[open] summary { border-color: var(--color-primary); box-shadow: 0 0 0 3px var(--color-focus-ring); }
.c-topbar-user__menu { top: calc(100% + 8px); box-shadow: var(--shadow-sm); }

.c-page-header { align-items: center; margin-bottom: 24px; }
.c-page-header h1 { margin-bottom: var(--space-1-5); }
.c-page-header > div:first-child { min-width: 0; }
.c-page-header > .c-helper { max-width: 72ch; }
.c-eyebrow { color: var(--color-primary-active); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.c-helper { color: var(--color-text-muted); font-size: 12px; }
.c-card { padding: var(--space-5); border-color: var(--color-border); border-radius: var(--radius-lg); box-shadow: var(--shadow-xs); }
.c-section--spaced { margin-top: 20px; }

.c-button { min-height: var(--control-height); gap: var(--space-2); padding: 0 14px; border-radius: var(--radius-md); font-size: 13px; font-weight: 750; transition: background .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease, transform .14s ease; }
.c-button:hover:not(:disabled) { transform: translateY(-1px); }
.c-button:active:not(:disabled) { transform: translateY(0); }
.c-button--primary { border-color: var(--color-primary); background: var(--color-primary); box-shadow: var(--shadow-primary-button); }
.c-button--primary:hover:not(:disabled) { background: var(--color-primary-hover); }
.c-button--secondary { border-color: var(--color-border-strong); background: var(--color-surface); }
.c-button--secondary:hover:not(:disabled) { border-color: var(--color-primary); background: var(--color-primary-ghost); color: var(--color-primary-active); }
.c-button--tertiary { border-color: transparent; color: var(--color-text-secondary); }
.c-button--tertiary:hover:not(:disabled) { background: var(--color-surface-subtle); color: var(--color-text-primary); }
.c-button--destructive { border-color: var(--error-border); background: var(--color-surface); color: var(--error-fg); }
.c-button--destructive:hover:not(:disabled) { background: var(--error-surface); }
.c-button:focus-visible, .c-icon-button:focus-visible, .c-select__trigger:focus-visible, .c-topbar-user summary:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--color-focus-ring); }
.c-button:disabled, .c-icon-button:disabled { border-color: var(--color-border); background: var(--color-surface-subtle); color: var(--disabled-fg); box-shadow: none; opacity: 1; }
.c-icon-button { width: 40px; min-height: 40px; border-radius: var(--radius-md); }
.c-actions { gap: var(--space-2); margin-block: var(--space-5) var(--space-7); }

.c-field { min-width: 0; gap: var(--space-1-5); }
.c-field label, .c-field legend { color: var(--color-text-primary); font-size: 12px; font-weight: 750; }
.c-field input:not([type="checkbox"]):not([type="radio"]), .c-field select, .c-field textarea,
.c-control-input, .c-control-wrap input { width: 100%; min-height: var(--control-height); padding: 0 12px; border: 1px solid var(--color-border-strong); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text-primary); outline: 0; box-shadow: var(--shadow-control-inset); transition: border-color .14s ease, box-shadow .14s ease, background .14s ease; }
.c-field textarea { min-height: 96px; padding-block: 10px; resize: vertical; line-height: 1.5; }
.c-field select { appearance: none; -webkit-appearance: none; padding-right: 36px; }
.c-field input[type="date"] { appearance: none; -webkit-appearance: none; }
.c-field input::placeholder, .c-field textarea::placeholder { color: var(--color-text-placeholder); }
.c-field input:hover:not(:disabled), .c-field textarea:hover:not(:disabled), .c-field select:hover:not(:disabled) { border-color: var(--color-border-hover); }
.c-field input:focus, .c-field textarea:focus, .c-field select:focus, .c-control-wrap:focus-within input { border-color: var(--color-focus); box-shadow: 0 0 0 3px var(--color-focus-ring); }
.c-field input:disabled, .c-field textarea:disabled, .c-field select:disabled { cursor: not-allowed; background: var(--color-surface-subtle); color: var(--disabled-fg); }
.c-field--error input, .c-field--error textarea, .c-field--error select { border-color: var(--error-base); }
.c-field--error input:focus, .c-field--error textarea:focus, .c-field--error select:focus { box-shadow: var(--shadow-error-focus); }
.c-field__error { margin: 0; color: var(--error-fg); font-size: 12px; font-weight: 650; }
.c-field input[type="file"] { height: auto; padding: var(--space-1-5); }
.c-field input[type="file"]::file-selector-button { margin-right: var(--space-2); padding: var(--space-1-5) var(--space-2); border: 0; border-radius: var(--radius-sm); background: var(--color-primary-subtle); color: var(--color-primary-active); font: inherit; font-weight: 750; cursor: pointer; }
.c-field input[type="number"] { font-variant-numeric: tabular-nums; }

/* A native select remains in the DOM for forms and no-JS fallback. JS enhances
   it into this accessible trigger/listbox pair without changing its value. */
.c-field:has(> select:not(.c-select__native)) { position: relative; }
.c-field:has(> select:not(.c-select__native))::after { content: ""; position: absolute; right: 14px; top: 34px; width: 7px; height: 7px; border-right: 1.5px solid var(--color-text-muted); border-bottom: 1.5px solid var(--color-text-muted); transform: rotate(45deg); pointer-events: none; }
.c-select { position: relative; display: block; min-width: 0; }
.c-select__native { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; opacity: 0 !important; pointer-events: none !important; }
.c-select__trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: var(--control-height); gap: var(--space-2); padding: 0 11px 0 12px; border: 1px solid var(--color-border-strong); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text-primary); text-align: left; cursor: pointer; }
.c-select__trigger:hover:not(:disabled) { border-color: var(--color-border-hover); }
.c-select__trigger[aria-expanded="true"] { border-color: var(--color-focus); box-shadow: 0 0 0 3px var(--color-focus-ring); }
.c-select__trigger:disabled { cursor: not-allowed; background: var(--color-surface-subtle); color: var(--disabled-fg); }
.c-select__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-select__chevron { flex: 0 0 auto; transition: transform .14s ease; }
.c-select__trigger[aria-expanded="true"] .c-select__chevron { transform: rotate(180deg); }
.c-select__menu { position: absolute; top: calc(100% + var(--space-1-5)); left: 0; right: 0; z-index: 70; display: grid; max-height: 280px; overflow-y: auto; padding: var(--space-1); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); box-shadow: var(--shadow-overlay); }
.c-select__menu[hidden] { display: none; }
.c-select__search { width: 100%; min-height: 34px; margin-bottom: 5px; padding: 0 9px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface-subtle); color: var(--color-text-primary); outline: 0; }
.c-select__search:focus { border-color: var(--color-focus); box-shadow: 0 0 0 3px var(--color-focus-ring); }
.c-select__option { display: flex; align-items: center; min-height: 36px; gap: var(--space-2); padding: var(--space-1-5) var(--space-2); border-radius: var(--radius-sm); color: var(--color-text-primary); cursor: pointer; }
.c-select__option:hover, .c-select__option.is-highlighted { background: var(--color-surface-subtle); }
.c-select__option.is-selected { background: var(--color-primary-subtle); color: var(--color-primary-active); font-weight: 700; }
.c-select__option.is-disabled { color: var(--disabled-fg); cursor: not-allowed; }
.c-select__option-check { margin-left: auto; opacity: 0; }
.c-select__option.is-selected .c-select__option-check { opacity: 1; }

.c-control-wrap { position: relative; display: block; }
.c-control-wrap input { padding-right: 40px; }
.c-control-icon { position: absolute; top: 50%; right: var(--space-3); z-index: 1; width: var(--control-search-icon-size); height: var(--control-search-icon-size); color: var(--color-text-muted); pointer-events: none; transform: translateY(-50%); }
.c-control-wrap--search input { padding-inline: var(--control-search-padding-start) var(--space-3); }
.c-control-wrap--search .c-control-icon { right: auto; left: var(--space-3); }
.c-select__menu > .c-control-wrap--search { width: 100%; min-width: 0; margin-bottom: var(--control-search-gap); }
.c-select__menu > .c-control-wrap--search > input.c-select__search { width: 100%; min-width: 0; min-height: var(--control-height); margin-bottom: 0; padding-block: 0; padding-inline: var(--control-search-padding-start) var(--space-3); }
.c-control-wrap--date input { padding-right: 38px; }
.c-control-wrap--date input::-webkit-calendar-picker-indicator { position: absolute; inset: 0; width: auto; height: auto; opacity: 0; cursor: pointer; }
.c-control-wrap--date input::-webkit-datetime-edit { color: var(--color-text-primary); }
.c-date-trigger { position: absolute; top: 50%; right: 6px; z-index: 2; display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--color-text-muted); cursor: pointer; transform: translateY(-50%); }
.c-date-trigger:hover { background: var(--color-surface-subtle); color: var(--color-text-primary); }
.c-date-trigger:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--color-focus-ring); }

.c-field input[type="checkbox"], .c-field input[type="radio"], input[type="checkbox"], input[type="radio"] { appearance: none; width: 18px; height: 18px; min-height: 18px; margin: 0; padding: 0; border: 1px solid var(--color-border-strong); background: var(--color-surface); cursor: pointer; }
input[type="checkbox"], .c-control-checkmark { border-radius: 5px; }
input[type="radio"], .c-control-checkmark--radio { border-radius: 50%; }
input[type="checkbox"]:checked, input[type="radio"]:checked { border-color: var(--color-primary); background: var(--color-primary); }
input[type="checkbox"]:checked { background-image: linear-gradient(135deg, transparent 43%, var(--color-text-inverse) 43% 54%, transparent 54%), linear-gradient(45deg, transparent 48%, var(--color-text-inverse) 48% 58%, transparent 58%); background-size: 9px 9px, 9px 9px; background-position: 3px 3px, 6px 5px; background-repeat: no-repeat; }
input[type="radio"]:checked { box-shadow: inset 0 0 0 4px var(--color-surface); }
input[type="checkbox"]:focus-visible, input[type="radio"]:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--color-focus-ring); }
input[type="checkbox"]:disabled, input[type="radio"]:disabled { background: var(--color-surface-subtle); cursor: not-allowed; opacity: .7; }
.c-field > label:not([for]), .c-field > label:has(input[type="checkbox"]), .c-field > label:has(input[type="radio"]) { display: flex; align-items: flex-start; gap: var(--space-2); font-weight: 600; }
.c-field > label:has(input[type="checkbox"]), .c-field > label:has(input[type="radio"]) { min-height: 28px; padding: var(--space-1) 0; }
.c-field > label:has(input[type="checkbox"]) input, .c-field > label:has(input[type="radio"]) input { flex: 0 0 18px; margin-top: 2px; }
fieldset.c-field { min-inline-size: 0; padding: 0; border: 0; }
fieldset.c-field legend { margin-bottom: 6px; }

.c-filter-bar { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); align-items: end; gap: var(--space-3); margin-top: var(--space-5); padding: var(--space-4); }
.c-filter-bar .c-field { min-width: 0; }
.c-filter-bar > .c-button, .c-filter-bar > button { align-self: end; }
.c-source-add__form { display: grid; grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr) max-content; align-items: start; gap: var(--space-4); margin-top: var(--space-4); }
.c-card .c-source-add__form { width: 100%; max-width: none; }
.c-source-add__form .c-field { min-width: 0; }
.c-source-add__form textarea { height: 104px; min-height: 104px; }
.c-source-add__form > .c-button { align-self: end; min-width: 15rem; flex-shrink: 0; white-space: nowrap; }
.c-source-onboarding { max-width: 42rem; padding: var(--space-5); }
.c-source-onboarding > h2 { margin: 0 0 var(--space-2); }
.c-source-onboarding > .c-button { margin-top: var(--space-3); }
.c-source-empty { width: 100%; max-width: none; }
.c-source-empty .c-state--empty { grid-template-columns: max-content minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: var(--space-4); row-gap: var(--space-1); padding: var(--space-4) var(--space-5); }
.c-source-empty .c-state__icon { grid-row: 1 / span 2; align-self: center; }
.c-source-empty .c-state--empty h2, .c-source-empty .c-state--empty p { grid-column: 2; }
.c-table-wrap { border-color: var(--color-border); border-radius: var(--radius-lg); box-shadow: var(--shadow-xs); }
.c-table { font-size: 13px; }
.c-table th, .c-table td { padding: var(--space-3) var(--space-4); }
.c-table th { background: var(--color-surface-subtle); color: var(--color-text-secondary); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.c-table tbody tr { transition: background .12s ease; }
.c-table tbody tr:hover { background: var(--color-row-hover); }
.c-table tbody tr:has(input[type="checkbox"]:checked) { background: var(--color-row-selected); }
.c-table td:first-child, .c-table th:first-child { border-left: 0; }
.c-table a:not(.c-button) { color: var(--color-primary-active); text-decoration: none; }
.c-table a:hover:not(.c-button) { text-decoration: underline; }
.c-row-actions { gap: var(--space-1); }
.c-row-actions .c-button { min-height: 32px; padding-inline: 9px; font-size: 12px; }
.c-status { min-height: 26px; padding: var(--space-0-5) var(--space-2); border-radius: var(--radius-pill); font-size: 11px; font-weight: 750; }
.c-status > .c-icon { width: 16px; height: 16px; }
.c-status code { font-size: 10px; }
.c-state { gap: var(--space-2); padding: var(--space-8); border-radius: var(--radius-lg); }
.c-state--empty { justify-items: start; background: var(--color-surface-subtle); text-align: left; }
.c-state--empty > .c-button { max-width: 220px; }
.c-state--empty .c-state__icon { color: var(--color-primary); }
.c-alert { border-radius: var(--radius-md); }
.c-dashboard-kpis, .c-kpi-grid { gap: var(--space-3); }
.c-dashboard-kpi, .c-kpi { border-radius: var(--radius-lg); box-shadow: var(--shadow-xs); }
.c-dashboard-kpi > strong, .c-kpi > strong { font-variant-numeric: tabular-nums; }
.c-pagination .c-button { min-height: 36px; }

.c-modal, .c-drawer { border-color: var(--color-border); border-radius: var(--radius-lg); }
.c-modal__header, .c-drawer__header { padding: var(--space-4) var(--space-5); background: var(--color-surface-subtle); }
.c-modal__body, .c-drawer__body { padding: var(--space-5); }
.c-overlay { backdrop-filter: blur(2px); }
.c-stepper li { min-height: 34px; display: inline-flex; align-items: center; gap: var(--space-1-5); border: 1px solid var(--neutral-border); font-size: 12px; font-weight: 700; }
.c-stepper li.is-current { border-color: var(--color-primary); }
.c-skeleton__line { background: linear-gradient(90deg, var(--color-surface-sunken), var(--color-skeleton), var(--color-surface-sunken)); background-size: 200% 100%; animation: shimmer 1.5s ease-in-out infinite; }
@keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

@media (max-width: 1279px) {
  .l-app-shell { grid-template-columns: 224px minmax(0, 1fr); }
  .c-filter-bar { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
}
@media (max-width: 1023px) {
  .l-page { padding: var(--space-6); }
  .c-page-header { align-items: flex-start; }
  .c-filter-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-filter-bar > .c-button, .c-filter-bar > button { width: fit-content; }
}
@media (max-width: 767px) {
  .l-page { padding: var(--space-5) var(--space-4) var(--space-7); }
  .c-page-header { flex-direction: column; gap: var(--space-3); }
  .c-page-header > .c-actions, .c-page-header > .c-button { width: 100%; }
  .c-filter-bar { grid-template-columns: 1fr; padding: var(--space-3); }
  .c-filter-bar > .c-button, .c-filter-bar > button { width: 100%; }
  .c-card { padding: var(--space-4); }
  .c-table th, .c-table td { padding: var(--space-3) var(--space-3); }
}
@media (prefers-reduced-motion: reduce) {
  .c-button, .c-sidebar__subgroup > summary .c-sidebar__icon, .c-select__chevron, .c-table tbody tr { transition: none; }
  .c-skeleton__line { animation: none; }
}

/* Operators list: keep the admin read model compact without changing the
   shared shell or table contract used by other pages. */
.c-admin-operators {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}
.c-admin-operators__header {
  align-items: center;
  gap: var(--space-8);
  margin-bottom: var(--space-5);
}
.c-admin-operators__intro {
  min-width: 0;
}
.c-admin-operators__intro .c-helper {
  max-width: 72ch;
}
.c-admin-operators__header > .c-button {
  flex: 0 0 auto;
  align-self: center;
  white-space: nowrap;
}
.c-admin-operators__filters {
  grid-template-columns: minmax(0, 1fr) minmax(180px, 260px) auto;
  gap: var(--space-3);
  margin-top: 0;
  padding: var(--space-3) var(--space-4);
}
.c-admin-operators__filters .c-field {
  gap: var(--space-1);
}
.c-admin-operators__filters > .c-button,
.c-admin-operators__filters > button {
  width: max-content;
  min-width: 0;
  justify-self: start;
  white-space: nowrap;
}
.c-admin-operators__source {
  margin: var(--space-3) 0 var(--space-4);
  color: var(--color-text-muted);
  font-size: .75rem;
  line-height: 1.5;
}
.c-admin-operators__empty {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: var(--space-4);
  min-height: 19rem;
  padding: var(--space-10);
  text-align: center;
}
.c-admin-operators__empty-icon {
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  border: 1px solid var(--color-sidebar-active-border);
  border-radius: var(--radius-lg);
  background: var(--color-primary-subtle);
  color: var(--color-primary-active);
}
.c-admin-operators__empty-copy {
  display: grid;
  gap: var(--space-2);
  max-width: 36rem;
}
.c-admin-operators__empty h2 {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.35;
}
.c-admin-operators__empty p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: .9375rem;
  line-height: 1.6;
}
.c-admin-operators__table {
  table-layout: fixed;
  min-width: 960px;
}
.c-admin-operators__table .c-admin-operators__col-operator { width: 28%; }
.c-admin-operators__table .c-admin-operators__col-status { width: 13%; }
.c-admin-operators__table .c-admin-operators__col-count { width: 9%; }
.c-admin-operators__table .c-admin-operators__col-jobs { width: 14%; }
.c-admin-operators__table .c-admin-operators__col-date { width: 13%; }
.c-admin-operators__table .c-admin-operators__col-action { width: 10%; }
.c-admin-operators__table th,
.c-admin-operators__table td {
  padding: var(--space-2) var(--space-3);
}
.c-admin-operators__table th {
  white-space: nowrap;
}
.c-admin-operators__identity {
  min-width: 0;
}
.c-admin-operators__identity > a,
.c-admin-operators__identity > .c-helper {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-admin-operators__identity > .c-helper + .c-helper {
  margin-top: 2px;
}
.c-admin-operators__status,
.c-admin-operators__numeric,
.c-admin-operators__date,
.c-admin-operators__action {
  white-space: nowrap;
}
.c-admin-operators__numeric,
.c-admin-operators__table th.c-admin-operators__numeric {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.c-admin-operators__status .c-status {
  min-height: 24px;
  padding-inline: var(--space-2);
}
.c-admin-operators__action-heading,
.c-admin-operators__action {
  text-align: right;
}
.c-admin-operators__action .c-button {
  min-height: var(--control-height-sm);
  padding-inline: 10px;
  font-size: 12px;
}

@media (max-width: 767px) {
  .c-admin-operators__header {
    align-items: flex-start;
    gap: var(--space-3);
  }
  .c-admin-operators__filters {
    grid-template-columns: minmax(0, 1fr);
    padding: var(--space-3);
  }
  .c-admin-operators__filters > .c-button,
  .c-admin-operators__filters > button {
    width: max-content;
  }
  .c-admin-operators__source {
    margin-top: var(--space-3);
    margin-bottom: var(--space-3);
  }
  .c-admin-operators__empty {
    min-height: 0;
    gap: var(--space-4);
    padding: var(--space-6) var(--space-4);
  }
  .c-admin-operators__table th,
  .c-admin-operators__table td {
    padding-inline: var(--space-3);
  }
}

/* Admin jobs monitor: group filter dimensions and keep list controls together. */
.c-admin-jobs {
  width: 100%;
}
.c-admin-jobs__header {
  align-items: flex-start;
  margin-bottom: var(--space-6);
}
.c-admin-jobs__header .c-eyebrow {
  margin-bottom: var(--space-1);
}
.c-admin-jobs__header h1 {
  margin-bottom: var(--space-1-5);
  line-height: 1.2;
}
.c-admin-jobs__header .c-helper {
  max-width: 68ch;
  font-size: .9375rem;
  line-height: 1.55;
}
.c-admin-jobs__filters {
  display: grid;
  gap: var(--space-4);
  margin: 0;
  padding: var(--space-4);
}
.c-admin-jobs__filter-primary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}
.c-admin-jobs__filter-primary .c-field,
.c-admin-jobs__signal-fields .c-field {
  min-width: 0;
}
.c-admin-jobs__filter-detail {
  display: grid;
  grid-template-columns: minmax(340px, .9fr) minmax(0, 2.9fr);
  align-items: start;
  gap: var(--space-4);
}
.c-admin-jobs__period,
.c-admin-jobs__signals {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.c-admin-jobs__period legend,
.c-admin-jobs__signals legend {
  width: 100%;
  margin-bottom: var(--space-1-5);
  padding: 0;
  color: var(--color-text-secondary);
  font-size: .75rem;
  font-weight: 750;
  line-height: 1.4;
}
.c-admin-jobs__period-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}
.c-admin-jobs__timezone-note {
  margin: var(--space-2) 0 0;
  color: var(--color-text-muted);
  font-size: .75rem;
  line-height: 1.4;
}
.c-admin-jobs__signal-fields {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  align-items: end;
  gap: var(--space-3);
}
.c-admin-jobs__filter-action {
  display: flex;
  align-items: end;
}
.c-admin-jobs__filter-action .c-button {
  min-width: 116px;
  white-space: nowrap;
}
.c-admin-jobs__filter-error {
  margin: 0;
}
.c-admin-jobs__list {
  display: grid;
  gap: var(--space-4);
  margin-top: var(--space-5);
  padding: var(--space-4);
}
.c-admin-jobs__list-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(var(--space-8), 4vw, var(--space-12));
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-border);
}
.c-admin-jobs__list-heading h2 {
  margin: 0 0 var(--space-1);
  font-size: 1.125rem;
  line-height: 1.35;
}
.c-admin-jobs__list-heading .c-helper {
  line-height: 1.5;
}
.c-admin-jobs__sort {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: auto;
  gap: 0;
  padding: var(--space-0-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
  white-space: nowrap;
}
.c-admin-jobs__sort .c-button {
  flex: 0 0 auto;
  min-height: calc(var(--control-height-sm) - var(--space-1));
  padding-inline: var(--space-3);
  border-color: transparent;
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  font-size: .75rem;
  font-weight: 650;
}
.c-admin-jobs__sort .c-button:hover:not(.is-active) {
  background: var(--color-surface);
  color: var(--color-text-primary);
}
.c-admin-jobs__sort .c-button.is-active {
  border-color: var(--color-sidebar-active-border);
  background: var(--color-primary-subtle);
  color: var(--color-primary-active);
}
.c-admin-jobs__table-wrap {
  overflow-x: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.c-admin-jobs__table {
  table-layout: fixed;
  min-width: 1160px;
}
.c-admin-jobs__col-identity { width: 20%; }
.c-admin-jobs__col-business { width: 13%; }
.c-admin-jobs__col-technical { width: 16%; }
.c-admin-jobs__col-restriction { width: 14%; }
.c-admin-jobs__col-indicators { width: 18%; }
.c-admin-jobs__col-time { width: 13%; }
.c-admin-jobs__col-action { width: 6%; }
.c-admin-jobs__table th {
  padding-block: var(--space-3);
  white-space: normal;
  line-height: 1.4;
  vertical-align: bottom;
}
.c-admin-jobs__table td {
  padding-block: var(--space-3);
  vertical-align: top;
}
.c-admin-jobs__identity,
.c-admin-jobs__state,
.c-admin-jobs__indicators {
  display: grid;
  justify-items: start;
  gap: var(--space-1-5);
  min-width: 0;
}
.c-admin-jobs__identity .c-helper,
.c-admin-jobs__state .c-helper {
  overflow-wrap: anywhere;
}
.c-admin-jobs__state .c-status,
.c-admin-jobs__indicators .c-status {
  max-width: 100%;
}
.c-admin-jobs__time {
  font-variant-numeric: tabular-nums;
  line-height: 1.6;
}
.c-admin-jobs__action {
  text-align: right;
  white-space: nowrap;
}
.c-admin-jobs__action .c-button {
  min-height: var(--control-height-sm);
  padding-inline: var(--space-2);
  font-size: .75rem;
}
.c-admin-jobs__empty {
  display: grid;
  place-items: center;
  min-height: 19rem;
  padding: var(--space-8);
  text-align: center;
}
.c-admin-jobs__empty-inner {
  display: grid;
  justify-items: center;
  gap: var(--space-4);
  max-width: 38rem;
}
.c-admin-jobs__empty-icon {
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  border: 1px solid var(--color-sidebar-active-border);
  border-radius: var(--radius-lg);
  background: var(--color-primary-subtle);
  color: var(--color-primary-active);
}
.c-admin-jobs__empty-copy {
  display: grid;
  gap: var(--space-2);
}
.c-admin-jobs__empty h3 {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.35;
}
.c-admin-jobs__empty p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: .9375rem;
  line-height: 1.6;
}

@media (max-width: 1439px) {
  .c-admin-jobs__filter-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .c-admin-jobs__filter-detail {
    grid-template-columns: minmax(0, 1fr);
  }
  .c-admin-jobs__signal-fields {
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  }
}

@media (max-width: 767px) {
  .c-admin-jobs__header {
    margin-bottom: var(--space-5);
  }
  .c-admin-jobs__header h1 {
    font-size: 1.75rem;
  }
  .c-admin-jobs__header .c-helper {
    font-size: .875rem;
  }
  .c-admin-jobs__filters,
  .c-admin-jobs__list {
    padding: var(--space-3);
  }
  .c-admin-jobs__filter-primary,
  .c-admin-jobs__filter-detail {
    grid-template-columns: minmax(0, 1fr);
  }
  .c-admin-jobs__signal-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .c-admin-jobs__filter-action {
    grid-column: 1 / -1;
  }
  .c-admin-jobs__filter-action .c-button {
    width: 100%;
  }
  .c-admin-jobs__list-heading {
    flex-direction: column;
    gap: var(--space-3);
  }
  .c-admin-jobs__sort {
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  .c-admin-jobs__list-heading {
    align-items: flex-start;
  }
  .c-admin-jobs__empty {
    min-height: 0;
    padding: var(--space-6) var(--space-4);
  }
}

/* Admin dashboard density and responsive infrastructure layout. */
.c-admin-dashboard {
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
}
.c-admin-dashboard .c-page-header { margin-bottom: var(--space-6); }
.c-admin-dashboard .c-page-header .c-eyebrow { margin: 0 0 var(--space-2); }
.c-admin-dashboard .c-page-header h1 { margin: 0; line-height: 1.2; }
.c-admin-dashboard .c-page-header .c-helper { margin: var(--space-2) 0 0; line-height: 1.5; }
.c-admin-dashboard .c-icon { stroke-width: 1.75; }
.c-admin-dashboard .c-helper,
.c-admin-dashboard .c-dashboard-muted,
.c-admin-dashboard small { color: var(--color-text-secondary); }
.c-admin-dashboard .c-helper,
.c-admin-dashboard small { font-size: .8125rem; line-height: 1.45; }
.c-admin-dashboard .c-dashboard-empty { margin: var(--space-3) 0 0; line-height: 1.5; }
.c-admin-dashboard .c-card { padding: var(--space-4); }
.c-admin-dashboard .c-kpi {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
  min-height: 92px;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
}
.c-admin-dashboard .c-kpi__label { gap: var(--space-2); line-height: 1.35; }
.c-admin-dashboard .c-kpi__label > .c-icon { width: 1rem; height: 1rem; color: var(--color-text-muted); stroke-width: 1.75; }
.c-admin-dashboard .c-kpi--active .c-kpi__label > .c-icon { color: var(--success-fg); }
.c-admin-dashboard .c-kpi > strong { font-size: 1.625rem; line-height: 1; font-weight: 750; }
.c-admin-dashboard .c-kpi--error > strong { color: var(--error-fg); }
.c-admin-dashboard .c-kpi--restriction > strong { color: var(--restriction-fg); }
.c-admin-dashboard .c-kpi--warning > strong { color: var(--warning-fg); }
.c-admin-dashboard .c-kpi--success > strong,
.c-admin-dashboard .c-kpi--neutral > strong,
.c-admin-dashboard .c-kpi--active > strong { color: var(--color-text-primary); }
.c-admin-dashboard .c-dashboard-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: var(--space-3);
}
.c-admin-dashboard .c-dashboard-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: var(--space-4);
  margin-top: var(--space-5);
}
.c-admin-dashboard .c-dashboard-columns > .c-card { align-self: start; }
.c-admin-dashboard .c-dashboard-section-title { align-items: center; margin-bottom: var(--space-2); }
.c-admin-dashboard .c-dashboard-section-title h2 { font-size: 1rem; }
.c-admin-dashboard .c-dashboard-section-title a { flex: 0 0 auto; }
.c-admin-dashboard .c-dashboard-columns > .c-admin-technical-problems { grid-column: 1 / -1; }
.c-admin-dashboard .c-dashboard-attention__summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-3);
  min-width: 0;
}
.c-admin-dashboard .c-dashboard-attention__summary > strong { min-width: 0; }
.c-admin-dashboard .c-dashboard-attention__summary > .c-status { flex: 0 0 auto; }
.c-admin-dashboard .c-dashboard-attention__detail { line-height: 1.5; }
.c-admin-dashboard .c-admin-overview {
  margin-top: var(--space-4);
  min-height: 68px;
  padding: var(--space-3) var(--space-4);
  border-color: var(--success-border);
  background: var(--success-surface);
}
.c-admin-overview--warning { border-color: var(--warning-border); background: var(--warning-surface); }
.c-admin-overview--error { border-color: var(--error-border); background: var(--error-surface); }
.c-admin-overview__main { display: grid; grid-template-columns: 1.125rem minmax(0, 1fr); align-items: center; gap: var(--space-3); }
.c-admin-overview__main > .c-icon { width: 1.125rem; height: 1.125rem; color: var(--success-fg); }
.c-admin-overview--warning .c-icon { color: var(--warning-fg); }
.c-admin-overview--error .c-icon { color: var(--error-fg); }
.c-admin-overview h2 { margin: 0; font-size: 1rem; line-height: 1.35; }
.c-admin-overview p { margin: var(--space-1) 0 0; }
.c-admin-attention { margin-top: var(--space-4); }
.c-admin-attention > .c-card { padding: var(--space-3) var(--space-4); }
.c-admin-attention .c-dashboard-section-title { justify-content: flex-start; margin-bottom: 0; }
.c-admin-attention .c-dashboard-section-title h2 { margin: 0; }
.c-admin-attention__intro { display: grid; gap: var(--space-2); }
.c-admin-attention__status { margin: 0; color: var(--color-text-secondary); font-size: .8125rem; line-height: 1.45; }
.c-admin-attention > .c-dashboard-muted { margin: var(--space-2) 0 0; }
.c-admin-attention__group + .c-admin-attention__group,
.c-admin-attention__system { margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--color-border); }
.c-admin-attention__heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2); }
.c-admin-attention__heading h3 { margin: 0; }
.c-admin-attention__group > .c-helper { margin: var(--space-2) 0 0; }
.c-admin-attention__group .c-dashboard-attention { margin-top: var(--space-3); }
.c-admin-attention__system { margin-bottom: 0; }
.c-admin-attention__system:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.c-admin-diagnostics { display: grid; gap: var(--space-2); margin-top: var(--space-6); }
.c-admin-diagnostics > h2 { margin: 0; font-size: 1.05rem; line-height: 1.35; }
.c-admin-diagnostics > .c-helper { margin: 0 0 var(--space-1); line-height: 1.5; }
.c-admin-dashboard .c-admin-disclosure { padding: 0; }
.c-admin-disclosure > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 54px;
  padding: var(--space-3) var(--space-4);
  cursor: pointer;
  font-size: .875rem;
  font-weight: 650;
  line-height: 1.4;
  list-style: none;
}
.c-admin-disclosure > summary > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-admin-disclosure > summary::-webkit-details-marker { display: none; }
.c-admin-disclosure > summary::after {
  content: '';
  width: .45rem;
  height: .45rem;
  flex: 0 0 auto;
  margin-inline: var(--space-2);
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  color: var(--color-text-muted);
  transition: transform .15s ease;
}
.c-admin-disclosure[open] > summary::after { transform: rotate(225deg); }
.c-admin-disclosure:not([open]) > summary:hover { background: var(--color-surface-subtle); }
.c-admin-disclosure > summary:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.c-admin-disclosure__content { padding: 0 var(--space-4) var(--space-4); border-top: 1px solid var(--color-border); }
.c-admin-disclosure__content > .c-helper:first-child { margin-top: var(--space-3); }
.c-admin-dashboard .c-admin-disclosure__content.c-admin-freshness,
.c-admin-dashboard .c-admin-disclosure__content.c-admin-infrastructure,
.c-admin-dashboard .c-admin-disclosure__content.c-dashboard-recent { margin-top: 0; }
.c-admin-extra-stats { display: grid; gap: var(--space-2); padding-top: var(--space-3); }
.c-admin-extra-stats a { display: flex; align-items: center; justify-content: space-between; min-height: 44px; gap: var(--space-3); }

.c-admin-freshness {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-4);
}
.c-admin-freshness__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: var(--space-3) var(--space-5);
}
.c-admin-freshness__grid > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-1) var(--space-3);
  min-width: 0;
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border);
}
.c-admin-freshness__grid > div > strong { font-size: .9rem; }
.c-admin-freshness__grid small { grid-column: 1 / -1; display: block; }
.c-admin-freshness .c-section-heading {
  align-items: baseline;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: 0;
}
.c-admin-freshness .c-section-heading h2 { font-size: 1rem; }
.c-admin-dashboard .c-admin-subsection-title h3 { font-size: .9375rem; }
.c-admin-dashboard .c-admin-subsection-title .c-icon { width: 1rem; height: 1rem; }
.c-admin-dashboard .c-admin-infrastructure {
  min-width: 0;
  margin-top: var(--space-4);
}
.c-admin-workers,
.c-admin-queues { min-width: 0; }
.c-admin-workers {
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--color-border);
}
.c-admin-subsection-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-2);
}
.c-admin-subsection-title h3 {
  margin: 0;
  font-size: .95rem;
}
.c-admin-worker-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.c-admin-worker-list li {
  display: grid;
  gap: var(--space-2) var(--space-4);
  min-width: 0;
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--color-border);
}
.c-admin-worker-list li:last-child { border-bottom: 0; }
.c-admin-worker__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-3);
  min-width: 0;
}
.c-admin-worker__summary > code { flex: 1 1 240px; }
.c-admin-worker__metadata {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: var(--space-2) var(--space-4);
  min-width: 0;
}
.c-admin-worker__metadata > span { display: grid; align-content: start; gap: var(--space-0-5); min-width: 0; }
.c-admin-worker__metadata time,
.c-admin-worker__metadata code { min-width: 0; overflow-wrap: anywhere; }
.c-admin-technical-id {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-admin-queues-table {
  table-layout: fixed;
  min-width: 0;
  font-size: .875rem;
}
.c-admin-queues-table th { font-size: .75rem; letter-spacing: .02em; }
.c-admin-queues-table th,
.c-admin-queues-table td { padding: var(--space-2) var(--space-3); }
.c-admin-queues-table th:first-child,
.c-admin-queues-table td:first-child { width: 34%; }
.c-admin-queues-table th:nth-child(2),
.c-admin-queues-table td:nth-child(2) { width: 20%; white-space: nowrap; }
.c-admin-queues-table th:nth-child(n+3),
.c-admin-queues-table td:nth-child(n+3) { width: 11.5%; }
.c-admin-queues-table td:first-child { overflow: hidden; }
.c-admin-number {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.c-admin-number.is-zero,
.c-admin-number.is-muted { color: var(--color-text-muted); font-weight: 500; }
.c-admin-number.is-problem { color: var(--error-fg); font-weight: 750; }
.c-admin-number.is-warning { color: var(--warning-fg); font-weight: 700; }
.c-admin-dashboard .c-dashboard-recent { margin-top: var(--space-4); }

@media (max-width: 1199px) {
  .c-admin-dashboard .c-dashboard-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  .c-admin-dashboard .c-dashboard-columns { grid-template-columns: minmax(0, 1fr); }
  .c-admin-dashboard .c-dashboard-columns > .c-admin-technical-problems { grid-column: auto; }
}
@media (max-width: 900px) {
  .c-admin-queues-table th:first-child,
  .c-admin-queues-table td:first-child { width: 34%; }
  .c-admin-queues-table th:nth-child(2),
  .c-admin-queues-table td:nth-child(2) { width: 18%; }
  .c-admin-queues-table th:nth-child(n+3),
  .c-admin-queues-table td:nth-child(n+3) { width: 12%; }
  .c-admin-queues-table th,
  .c-admin-queues-table td { padding-inline: var(--space-2); }
}
@media (max-width: 767px) {
  .c-admin-dashboard .c-dashboard-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-admin-dashboard .c-dashboard-columns { margin-top: var(--space-4); }
  .c-admin-attention .c-dashboard-section-title { align-items: flex-start; flex-direction: column; }
  .c-admin-subsection-title { align-items: flex-start; flex-direction: column; gap: var(--space-1); }
  .c-admin-freshness__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
  .c-admin-freshness__grid > div { grid-template-columns: minmax(0, 1fr) auto; }
  .c-admin-worker__metadata { grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); }
  .c-admin-dashboard .c-dashboard-recent { margin-top: var(--space-4); }
}
@media (max-width: 420px) {
  .c-admin-dashboard .c-dashboard-kpis { grid-template-columns: minmax(0, 1fr); }
  .c-admin-freshness .c-section-heading { align-items: flex-start; flex-direction: column; }
  .c-admin-freshness__grid > div { grid-template-columns: minmax(0, 1fr); }
  .c-admin-freshness__grid .c-status { grid-column: 1; }
}

/* Operator detail: keep the read-only projection compact while retaining the
   shared component language used by the rest of the admin surface. */
.c-operator-detail {
  min-width: 0;
}

.c-operator-detail__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--space-4);
  margin-bottom: var(--space-3);
}

.c-operator-detail__identity {
  min-width: 0;
}

.c-operator-detail__identity h1 {
  margin: 0 0 var(--space-1);
}

.c-operator-detail__status {
  padding-top: var(--space-6);
}

.c-operator-detail__actions {
  align-items: center;
  gap: var(--space-1-5);
  margin: 0 0 var(--space-2);
}

.c-operator-detail__actions .c-button {
  min-height: var(--control-height-sm);
  padding-inline: var(--space-3);
  font-size: 12px;
}

.c-operator-detail__helper {
  max-width: 90ch;
  margin: 0 0 var(--space-3);
  color: var(--color-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.c-operator-detail__tabs {
  min-width: 0;
  gap: var(--space-0-5);
  margin-top: var(--space-2);
  scrollbar-width: thin;
}

.c-operator-detail__tabs .c-tabs__item {
  flex: 0 0 auto;
  min-height: 40px;
  padding: var(--space-2) var(--space-2) var(--space-1-5);
  border-bottom: 2px solid transparent;
  font-size: 12px;
}

.c-operator-detail__tabs .c-tabs__item:hover {
  background: var(--color-surface-subtle);
  color: var(--color-text-primary);
}

.c-operator-detail__tabs .c-tabs__item.is-active {
  border-bottom-color: var(--color-primary);
  background: var(--color-primary-ghost);
  color: var(--color-primary-active);
}

.c-operator-detail__panel {
  max-width: 1180px;
  padding: var(--space-5);
}

.c-operator-detail__panel > h2 {
  margin: 0;
}

.c-operator-detail__panel > .c-operator-detail__helper {
  margin-top: var(--space-1-5);
}

.c-operator-detail__panel--overview {
  max-width: 760px;
}

.c-operator-detail__definition-list {
  max-width: 680px;
  grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);
  gap: var(--space-2) var(--space-6);
  margin-top: var(--space-5);
}

.c-operator-detail__definition-list dd {
  font-variant-numeric: tabular-nums;
}

.c-operator-detail__table-wrap {
  width: 100%;
  max-width: 1180px;
  margin-top: var(--space-3);
}

.c-operator-detail__table {
  table-layout: fixed;
  font-size: 12px;
}

.c-operator-detail__table th,
.c-operator-detail__table td {
  padding: var(--space-2) var(--space-3);
}

.c-operator-detail__table th {
  font-size: 10px;
}

.c-operator-detail__table--accounts th:nth-child(1),
.c-operator-detail__table--accounts td:nth-child(1) { width: 36%; }
.c-operator-detail__table--accounts th:nth-child(2),
.c-operator-detail__table--accounts td:nth-child(2) { width: 20%; }
.c-operator-detail__table--accounts th:nth-child(3),
.c-operator-detail__table--accounts td:nth-child(3) { width: 20%; }
.c-operator-detail__table--accounts th:nth-child(4),
.c-operator-detail__table--accounts td:nth-child(4) { width: 24%; }

.c-operator-detail__table--sources th:nth-child(1),
.c-operator-detail__table--sources td:nth-child(1) { width: 42%; }
.c-operator-detail__table--sources th:nth-child(2),
.c-operator-detail__table--sources td:nth-child(2) { width: 16%; }
.c-operator-detail__table--sources th:nth-child(3),
.c-operator-detail__table--sources td:nth-child(3) { width: 17%; }
.c-operator-detail__table--sources th:nth-child(4),
.c-operator-detail__table--sources td:nth-child(4) { width: 25%; }

.c-operator-detail__table--audiences th:nth-child(1),
.c-operator-detail__table--audiences td:nth-child(1) { width: 44%; }
.c-operator-detail__table--audiences th:nth-child(2),
.c-operator-detail__table--audiences td:nth-child(2) { width: 18%; }
.c-operator-detail__table--audiences th:nth-child(3),
.c-operator-detail__table--audiences td:nth-child(3) { width: 12%; }
.c-operator-detail__table--audiences th:nth-child(4),
.c-operator-detail__table--audiences td:nth-child(4) { width: 26%; }

.c-operator-detail__table--participants th:nth-child(1),
.c-operator-detail__table--participants td:nth-child(1) { width: 50%; }
.c-operator-detail__table--participants th:nth-child(2),
.c-operator-detail__table--participants td:nth-child(2) { width: 20%; }
.c-operator-detail__table--participants th:nth-child(3),
.c-operator-detail__table--participants td:nth-child(3) { width: 30%; }

.c-operator-detail__table--offers th:nth-child(1),
.c-operator-detail__table--offers td:nth-child(1) { width: 44%; }
.c-operator-detail__table--offers th:nth-child(2),
.c-operator-detail__table--offers td:nth-child(2) { width: 18%; }
.c-operator-detail__table--offers th:nth-child(3),
.c-operator-detail__table--offers td:nth-child(3) { width: 12%; }
.c-operator-detail__table--offers th:nth-child(4),
.c-operator-detail__table--offers td:nth-child(4) { width: 26%; }

.c-operator-detail__table--jobs th:nth-child(1),
.c-operator-detail__table--jobs td:nth-child(1) { width: 25%; }
.c-operator-detail__table--jobs th:nth-child(2),
.c-operator-detail__table--jobs td:nth-child(2) { width: 15%; }
.c-operator-detail__table--jobs th:nth-child(3),
.c-operator-detail__table--jobs td:nth-child(3) { width: 30%; }
.c-operator-detail__table--jobs th:nth-child(4),
.c-operator-detail__table--jobs td:nth-child(4) { width: 22%; }
.c-operator-detail__table--jobs th:nth-child(5),
.c-operator-detail__table--jobs td:nth-child(5) { width: 8%; }

.c-operator-detail__table--sessions th:nth-child(1),
.c-operator-detail__table--sessions td:nth-child(1) { width: 17%; }
.c-operator-detail__table--sessions th:nth-child(2),
.c-operator-detail__table--sessions td:nth-child(2) { width: 20%; }
.c-operator-detail__table--sessions th:nth-child(3),
.c-operator-detail__table--sessions td:nth-child(3) { width: 17%; }
.c-operator-detail__table--sessions th:nth-child(4),
.c-operator-detail__table--sessions td:nth-child(4) { width: 34%; }
.c-operator-detail__table--sessions th:nth-child(5),
.c-operator-detail__table--sessions td:nth-child(5) { width: 12%; }

.c-operator-detail__table--audit th:nth-child(1),
.c-operator-detail__table--audit td:nth-child(1),
.c-operator-detail__table--security th:nth-child(1),
.c-operator-detail__table--security td:nth-child(1) { width: 20%; }
.c-operator-detail__table--audit th:nth-child(2),
.c-operator-detail__table--audit td:nth-child(2) { width: 40%; }
.c-operator-detail__table--audit th:nth-child(3),
.c-operator-detail__table--audit td:nth-child(3) { width: 11%; }
.c-operator-detail__table--audit th:nth-child(4),
.c-operator-detail__table--audit td:nth-child(4) { width: 15%; }
.c-operator-detail__table--audit th:nth-child(5),
.c-operator-detail__table--audit td:nth-child(5) { width: 14%; }
.c-operator-detail__table--security th:nth-child(2),
.c-operator-detail__table--security td:nth-child(2) { width: 53%; }
.c-operator-detail__table--security th:nth-child(3),
.c-operator-detail__table--security td:nth-child(3) { width: 12%; }
.c-operator-detail__table--security th:nth-child(4),
.c-operator-detail__table--security td:nth-child(4) { width: 15%; }

.c-operator-detail__nowrap,
.c-operator-detail__compact,
.c-operator-detail__action {
  white-space: nowrap;
}

.c-operator-detail__technical,
.c-operator-detail__event-code {
  color: var(--color-text-muted);
  font-family: var(--font-mono);
  font-size: 11px;
}

.c-operator-detail__technical--ellipsis,
.c-operator-detail__event-code {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.c-operator-detail__status-cell {
  display: grid;
  justify-items: start;
  gap: var(--space-1);
}

.c-operator-detail__session-reason {
  padding-left: var(--space-0-5);
}

.c-operator-detail__action {
  text-align: right;
}

.c-operator-detail__action form {
  display: inline-flex;
  max-width: none;
  gap: 0;
}

.c-operator-detail__action .c-button {
  min-height: 32px;
  padding-inline: var(--space-2);
  font-size: 12px;
}

.c-operator-detail__action-empty {
  display: inline-block;
  min-width: 1ch;
}

.c-operator-detail__reason {
  color: var(--color-text-secondary);
  font-size: 11px;
}

.c-operator-detail__event-section {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-5);
}

.c-operator-detail__event-section + .c-operator-detail__event-section {
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
}

.c-operator-detail__event-section h3 {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.c-operator-detail__empty-note {
  margin: 0;
  padding: var(--space-2) 0;
}

.c-operator-detail .c-state--empty {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: var(--space-3);
  row-gap: var(--space-1);
  width: min(100%, 680px);
  min-height: 0;
  padding: var(--space-4) var(--space-5);
  border-radius: var(--radius-md);
}

.c-operator-detail .c-state--empty .c-state__icon {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: start;
  margin-top: var(--space-0-5);
}

.c-operator-detail .c-state--empty h2,
.c-operator-detail .c-state--empty p {
  grid-column: 2;
}

.c-operator-detail .c-state--empty h2 {
  font-size: .95rem;
  line-height: 1.3;
}

.c-operator-detail .c-state--empty p {
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 1.4;
}

.c-operator-detail .c-state--empty .c-button {
  grid-column: 2;
  margin-top: var(--space-2);
}

@media (max-width: 767px) {
  .c-operator-detail__header {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .c-operator-detail__status {
    padding-top: 0;
  }

  .c-operator-detail__actions {
    margin-bottom: var(--space-2);
  }

  .c-operator-detail__tabs {
    margin-inline: calc(var(--space-4) * -1);
    padding-inline: var(--space-3);
  }

  .c-operator-detail__panel {
    padding: var(--space-4);
  }

  .c-operator-detail__definition-list {
    grid-template-columns: 1fr;
    gap: var(--space-1);
    margin-top: var(--space-4);
  }

  .c-operator-detail__definition-list dd + dt {
    margin-top: var(--space-2);
  }

  .c-operator-detail__table {
    min-width: 680px;
  }

  .c-operator-detail__table--sessions {
    min-width: 760px;
  }

  .c-operator-detail__table--audit,
  .c-operator-detail__table--security {
    min-width: 760px;
  }
}

/* Settings panels share one form; hidden panels have no layout footprint. */
.c-settings-panel[hidden],
.c-settings-nav__extra[hidden] { display: none !important; }
.c-settings-panel { min-width: 0; }
.c-settings-nav {
  min-width: 0;
  margin-bottom: var(--space-4);
  padding: var(--space-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
}
.c-settings-nav__primary {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  min-width: 0;
}
.c-settings-nav__tabs,
.c-settings-nav__extra-tabs {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  min-width: 0;
}
.c-settings-nav__extra-tabs { flex-wrap: wrap; }
.c-settings-nav__link,
.c-settings-nav__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: var(--space-2) var(--space-3);
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-text-secondary);
  font: inherit;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.c-settings-nav__link:hover,
.c-settings-nav__toggle:hover { background: var(--color-primary-ghost); color: var(--color-primary-active); }
.c-settings-nav__link.is-active,
.c-settings-nav__toggle.has-active-extra {
  border-color: var(--color-sidebar-active-border);
  background: var(--color-primary-subtle);
  color: var(--color-primary-active);
}
.c-settings-nav__link.is-active { font-weight: 800; }
.c-settings-nav__link:focus-visible,
.c-settings-nav__toggle:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.c-settings-nav__toggle { gap: var(--space-1); margin-left: auto; }
.c-settings-nav__current-extra { max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-settings-nav__current-extra:empty { display: none; }
.c-settings-nav__current-extra:not(:empty)::before { content: "· "; }
.c-settings-nav__chevron { transition: transform .18s ease; }
.c-settings-nav__toggle[aria-expanded="true"] .c-settings-nav__chevron { transform: rotate(180deg); }
.c-settings-nav__extra {
  min-width: 0;
}
.c-settings-nav__extra-inner {
  margin-top: var(--space-2);
  padding-top: var(--space-2);
  border-top: 1px solid var(--color-border);
}
.c-settings-nav__link--extra { justify-content: flex-start; min-width: 0; white-space: normal; }
.c-settings-panel:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }

@media (max-width: 1199px) {
  .c-settings-nav__primary { flex-wrap: wrap; }
  .c-settings-nav__toggle { margin-left: 0; }
}
@media (max-width: 900px) {
  .c-settings-nav__primary { display: grid; grid-template-columns: minmax(0, 1fr); }
  .c-settings-nav__tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-settings-nav__link,
  .c-settings-nav__toggle { white-space: normal; text-align: center; }
  .c-settings-nav__toggle { justify-self: start; }
}
@media (prefers-reduced-motion: reduce) {
  .c-settings-nav__chevron { transition: none; }
}

/* Compact, centered sign-in surface. */
.l-page--login {
  display: grid;
  min-height: 100vh;
  min-height: 100svh;
  max-width: none;
  place-items: center;
  padding: clamp(var(--space-6), 5vw, var(--space-10));
}

.c-login-card {
  width: min(100%, 460px);
  padding: clamp(var(--space-6), 6vw, var(--space-8));
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}

.c-login-card__brand {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-8);
}

.c-login-card__brand .c-brand__mark {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-brand);
  font-weight: 800;
}

.c-login-card__brand-name {
  color: var(--color-text-primary);
  font-size: .9375rem;
  font-weight: 800;
  line-height: 1.35;
}

.c-login-card > h1 {
  margin: 0 0 var(--space-2);
  font-size: clamp(1.5rem, 4vw, 1.75rem);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.2;
}

.c-login-card__description {
  margin: 0 0 var(--space-6);
  font-size: .875rem;
  line-height: 1.55;
}

.c-login-card form {
  max-width: none;
  gap: var(--space-5);
}

.c-login-card .c-field input:not([type="checkbox"]):not([type="radio"]) {
  min-height: 48px;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-control-inset);
  transition: border-color .15s ease, box-shadow .15s ease;
}

.c-login-card .c-field input:focus {
  border-color: var(--color-focus);
  box-shadow: 0 0 0 4px var(--color-focus-ring);
}

.c-login-card .c-field--error input:focus {
  box-shadow: var(--shadow-error-focus);
}

.c-login-card form > .c-button {
  width: 100%;
  min-height: 48px;
  margin-top: var(--space-1);
  border-radius: var(--radius-md);
}

.c-login-card .c-state--error {
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
}

@media (max-width: 767px) {
  .l-page--login {
    padding: var(--space-4);
  }

  .c-login-card__brand {
    margin-bottom: var(--space-6);
  }
}

/* Standalone session expiry screen. */
.l-page--session-ended {
  display: grid;
  min-height: 100vh;
  place-items: center;
}

.c-card--session-ended {
  width: 100%;
  max-width: 520px;
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.c-session-ended__eyebrow {
  margin-bottom: var(--space-1);
}

.c-card--session-ended > h1 {
  margin: 0 0 var(--space-4);
}

.c-session-ended__notice {
  margin: 0 0 var(--space-4);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
}

.c-session-ended__notice p {
  line-height: 1.5;
}

.c-session-ended__action {
  min-height: 44px;
  padding-inline: var(--space-5);
  font-size: .875rem;
}

@media (max-width: 767px) {
  .l-page--session-ended {
    padding: var(--space-4);
  }

  .c-card--session-ended {
    padding: var(--space-5);
  }
}

/* Focused success state for the one-time operator credential. */
.c-temporary-password-stage {
  display: grid;
  min-height: max(0px, calc(100vh - 68px - clamp(24px, 3vw, 40px) - clamp(24px, 3vw, 40px)));
  min-height: max(0px, calc(100svh - 68px - clamp(24px, 3vw, 40px) - clamp(24px, 3vw, 40px)));
  place-items: center;
}

.c-temporary-password {
  display: grid;
  width: min(100%, 620px);
  max-width: none;
  gap: var(--space-5);
  padding: clamp(var(--space-6), 3vw, var(--space-8));
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}

.c-temporary-password__intro {
  display: grid;
  gap: var(--space-3);
}

.c-temporary-password__intro > .c-eyebrow,
.c-temporary-password__intro > h1,
.c-temporary-password__description {
  margin: 0;
}

.c-temporary-password__intro > h1 {
  font-size: clamp(1.625rem, 1.4rem + 0.55vw, 2rem);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.16;
}

.c-temporary-password__description {
  max-width: 58ch;
  font-size: .9375rem;
  line-height: 1.6;
}

.c-temporary-password__secret {
  display: flex;
  min-height: 64px;
  align-items: center;
  margin: 0;
  padding: var(--space-4) var(--space-5);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-control-inset);
}

.c-temporary-password__secret code {
  color: var(--color-text-primary);
  font-size: .875rem;
  font-weight: 650;
  letter-spacing: .015em;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.c-temporary-password__footer {
  display: grid;
  justify-items: start;
  gap: var(--space-3);
}

.c-temporary-password__footer > .c-helper {
  max-width: 58ch;
  line-height: 1.5;
}

.c-temporary-password__footer > .c-button {
  width: fit-content;
  min-height: 44px;
  padding-inline: var(--space-5);
}

@media (max-width: 1023px) {
  .c-temporary-password-stage {
    min-height: max(0px, calc(100svh - 68px - var(--space-6) - var(--space-6)));
  }
}

@media (max-width: 767px) {
  .c-temporary-password-stage {
    min-height: max(0px, calc(100svh - 68px - var(--space-5) - var(--space-7)));
  }

  .c-temporary-password {
    gap: var(--space-4);
    padding: var(--space-5);
  }

  .c-temporary-password__secret {
    padding-inline: var(--space-4);
  }

  .c-temporary-password__footer > .c-button {
    width: 100%;
  }
}

/* Operator overview uses the same spacing and surface treatment throughout. */
.l-app-shell[data-role="operator"] .c-sidebar { gap: var(--space-5); padding-top: var(--space-5); }
.l-app-shell[data-role="operator"] .c-sidebar__nav { gap: var(--space-5); }
.l-app-shell[data-role="operator"] .l-topbar { min-height: 60px; background: var(--color-surface); }
.l-app-shell[data-role="operator"] .c-topbar-user summary { background: transparent; }

.c-operator-dashboard > .c-page-header { margin-bottom: var(--space-5); }
.c-operator-dashboard .c-page-header h1 { font-size: 1.875rem; line-height: 1.2; }
.c-operator-dashboard .c-dashboard-first-run {
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  gap: var(--space-4);
  margin: 0 0 var(--space-5);
  padding: var(--space-4) var(--space-5);
  border-color: var(--color-sidebar-active-border);
  border-radius: var(--radius-lg);
}
.c-operator-dashboard .c-dashboard-first-run h2 { font-size: .9375rem; line-height: 1.4; }
.c-operator-dashboard .c-dashboard-first-run p {
  color: var(--color-text-secondary);
  font-size: .875rem;
  line-height: 1.5;
}
.c-operator-dashboard .c-dashboard-kpis { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-3); }
.c-operator-dashboard .c-dashboard-kpi {
  grid-template-rows: minmax(2.7em, auto) auto minmax(1.25em, auto);
  align-content: stretch;
  gap: var(--space-1);
  min-height: 120px;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xs);
}
.c-operator-dashboard .c-dashboard-kpi > span { line-height: 1.35; }
.c-operator-dashboard .c-dashboard-kpi > strong { color: var(--color-text-primary); font-variant-numeric: tabular-nums; }
.c-operator-dashboard .c-dashboard-kpi--attention > strong { color: var(--warning-fg); }
.c-operator-dashboard .c-dashboard-kpi > small { line-height: 1.4; }
.c-operator-dashboard .c-dashboard-columns {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: var(--space-4);
  margin-top: var(--space-5);
}
.c-operator-dashboard .c-dashboard-columns > section,
.c-operator-dashboard .c-dashboard-recent {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
}
.c-operator-dashboard .c-dashboard-recent { margin-top: var(--space-4); }
.c-operator-dashboard .c-dashboard-section-title {
  align-items: center;
  min-height: 56px;
  margin: 0;
  padding: var(--space-3) var(--space-5);
  border-bottom: 1px solid var(--color-border);
}
.c-operator-dashboard .c-dashboard-section-title h2 { font-size: 1rem; line-height: 1.35; }
.c-operator-dashboard .c-dashboard-section-title a {
  color: var(--color-primary-active);
  font-size: .8125rem;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
}
.c-operator-dashboard .c-dashboard-section-title a:hover { text-decoration: underline; }
.c-operator-dashboard .c-table-wrap { overflow-x: auto; border: 0; border-radius: 0; box-shadow: none; }
.c-operator-dashboard .c-dashboard-table th { background: var(--color-surface); }
.c-operator-dashboard .c-dashboard-table th,
.c-operator-dashboard .c-dashboard-table td { padding-inline: var(--space-5); }
.c-operator-dashboard .c-dashboard-table td { font-size: .8125rem; }
.c-operator-dashboard .c-dashboard-empty-row { color: var(--color-text-secondary); }
.c-operator-dashboard .c-dashboard-attention { border-top: 0; }
.c-operator-dashboard .c-dashboard-attention__row { padding-inline: var(--space-5); }
.c-operator-dashboard .c-dashboard-attention__row:last-child { border-bottom: 0; }
.c-operator-dashboard .c-dashboard-muted {
  margin: 0;
  padding: var(--space-5);
  font-size: .875rem;
  line-height: 1.5;
}

@media (max-width: 1599px) {
  .c-operator-dashboard .c-dashboard-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1023px) {
  .c-operator-dashboard .c-dashboard-columns { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 767px) {
  .c-operator-dashboard .c-dashboard-first-run { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); }
  .c-operator-dashboard .c-dashboard-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-operator-dashboard .c-dashboard-kpi { min-height: 112px; padding-inline: var(--space-3); }
  .c-operator-dashboard .c-dashboard-section-title { padding-inline: var(--space-4); }
  .c-operator-dashboard .c-dashboard-table th,
  .c-operator-dashboard .c-dashboard-table td { padding-inline: var(--space-4); }
  .c-operator-dashboard .c-dashboard-attention__row,
  .c-operator-dashboard .c-dashboard-muted { padding-inline: var(--space-4); }
}

@media (max-width: 599px) {
  .c-operator-dashboard .c-dashboard-table { min-width: 0; }
  .c-operator-dashboard .c-dashboard-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .c-operator-dashboard .c-dashboard-table tbody tr { display: grid; padding: var(--space-2) 0; border-bottom: 1px solid var(--color-border); }
  .c-operator-dashboard .c-dashboard-table tbody tr:last-child { border-bottom: 0; }
  .c-operator-dashboard .c-dashboard-table td {
    display: grid;
    grid-template-columns: minmax(7rem, 36%) minmax(0, 1fr);
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
    padding-block: var(--space-2);
    border-bottom: 0;
  }
  .c-operator-dashboard .c-dashboard-table td[data-label]::before {
    content: attr(data-label);
    color: var(--color-text-muted);
    font-size: .75rem;
  }
  .c-operator-dashboard .c-dashboard-table td.c-dashboard-empty-row { display: block; }
}

/* Telegram accounts list */
.l-app-shell:has(.c-accounts-page) .c-sidebar { gap: var(--space-4); }
.l-app-shell:has(.c-accounts-page) .c-sidebar__nav { gap: var(--space-4); }
.l-app-shell:has(.c-accounts-page) .c-sidebar__item { border: 1px solid transparent; }
.l-app-shell:has(.c-accounts-page) .c-sidebar__item.is-active {
  border-color: var(--color-sidebar-active-border);
  background: var(--color-primary-subtle);
  color: var(--color-primary-active);
}
.c-accounts-page { min-width: 0; }
.c-accounts-page__header { align-items: center; gap: var(--space-8); margin-bottom: var(--space-5); }
.c-accounts-page__header .c-eyebrow { margin-bottom: var(--space-1); }
.c-accounts-page__header h1 { margin: 0 0 var(--space-1-5); font-size: 1.75rem; line-height: 1.25; }
.c-accounts-page__header .c-helper { max-width: 76ch; font-size: .875rem; line-height: 1.55; }
.c-accounts-page__header > .c-button { flex: 0 0 auto; }
.c-accounts-filters {
  grid-template-columns: minmax(220px, 1.25fr) repeat(3, minmax(160px, 1fr)) auto;
  gap: var(--space-3);
  margin-top: 0;
  padding: var(--space-4);
}
.c-accounts-filters .c-field { gap: var(--space-1-5); }
.c-accounts-filters .c-field label { font-size: .8125rem; }
.c-accounts-filters > .c-button { min-width: 124px; }
.c-accounts-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  margin: var(--space-4) 0 var(--space-3);
  padding: var(--space-2) var(--space-1);
}
.c-accounts-tools__intro { display: grid; gap: var(--space-1); min-width: 0; }
.c-accounts-tools__intro strong { font-size: .875rem; }
.c-accounts-tools__intro span { color: var(--color-text-muted); font-size: .8125rem; }
.c-accounts-tools__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.c-accounts-tools__actions .c-button { min-height: var(--control-height-sm); font-size: .8125rem; }
.c-accounts-table-wrap { margin-top: var(--space-1); }
.c-accounts-table { min-width: 1040px; table-layout: fixed; }
.c-accounts-table th,
.c-accounts-table td { padding: var(--space-3) var(--space-4); }
.c-accounts-table th { height: 44px; }
.c-accounts-table th:first-child,
.c-accounts-table td:first-child { width: 44px; }
.c-accounts-table th:nth-child(2) { width: 22%; }
.c-accounts-table th:nth-child(3) { width: 15%; }
.c-accounts-table th:nth-child(4) { width: 15%; }
.c-accounts-table th:nth-child(5) { width: 22%; }
.c-accounts-table th:nth-child(6) { width: 26%; }
.c-accounts-table td { font-size: .8125rem; line-height: 1.5; }
.c-accounts-table__account,
.c-accounts-table__status,
.c-accounts-table__limits { vertical-align: middle; }
.c-accounts-table__account { overflow-wrap: anywhere; }
.c-accounts-table__account strong,
.c-accounts-table__account .c-helper,
.c-accounts-table__status > .c-helper,
.c-accounts-table__limits > .c-helper { display: block; }
.c-accounts-table__account strong { margin-bottom: var(--space-1); font-size: .875rem; }
.c-accounts-table__status .c-status,
.c-accounts-table__limits .c-status { margin-bottom: var(--space-1); }
.c-accounts-table__limits .c-status { white-space: nowrap; }
.c-accounts-table__actions { overflow-wrap: anywhere; }
.c-accounts-table__actions .c-row-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); }
.c-accounts-table__actions .c-row-actions form { display: inline-flex; }
.c-accounts-table__actions .c-button { min-height: 32px; padding-inline: var(--space-2); white-space: nowrap; }
.c-accounts-empty {
  display: grid;
  place-items: center;
  min-height: 352px;
  margin-top: var(--space-5);
  padding: var(--space-8);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
  text-align: center;
}
.c-accounts-empty__content { display: grid; justify-items: center; gap: var(--space-3); max-width: 560px; }
.c-accounts-empty__icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  margin-bottom: var(--space-1);
  border: 1px solid var(--color-sidebar-active-border);
  border-radius: var(--radius-lg);
  background: var(--color-primary-subtle);
  color: var(--color-primary-active);
}
.c-accounts-empty h2 { margin: 0; font-size: 1.25rem; line-height: 1.35; }
.c-accounts-empty p { max-width: 52ch; margin: 0; color: var(--color-text-secondary); font-size: .9375rem; line-height: 1.6; }
.c-accounts-empty .c-button { margin-top: var(--space-1); }
.c-accounts-no-results {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-4);
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
}
.c-accounts-no-results__icon { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; border-radius: var(--radius-md); background: var(--color-surface-subtle); color: var(--color-text-muted); }
.c-accounts-no-results h2 { margin: 0 0 var(--space-1); font-size: .9375rem; }
.c-accounts-no-results p { margin: 0; color: var(--color-text-muted); font-size: .8125rem; }
.c-accounts-no-results .c-button { margin-left: auto; flex: 0 0 auto; }

@media (max-width: 1279px) {
  .c-accounts-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-accounts-filters > .c-button { justify-self: start; }
}
@media (max-width: 767px) {
  .c-accounts-page__header { gap: var(--space-3); }
  .c-accounts-filters { grid-template-columns: minmax(0, 1fr); }
  .c-accounts-filters > .c-button { width: 100%; }
  .c-accounts-tools { align-items: stretch; flex-direction: column; padding-inline: 0; }
  .c-accounts-tools__actions { display: grid; grid-template-columns: 1fr; }
  .c-accounts-tools__actions .c-button { width: 100%; }
  .c-accounts-empty { min-height: 300px; padding: var(--space-5); }
  .c-accounts-no-results { align-items: flex-start; flex-wrap: wrap; padding: var(--space-4); }
  .c-accounts-no-results .c-button { width: 100%; margin-left: 0; }
}

/* Audiences list and its compact empty state. */
.c-audiences-page__header {
  align-items: center;
  gap: var(--space-8);
  margin-bottom: var(--space-5);
}
.c-audiences-page__header .c-eyebrow { margin-bottom: var(--space-1); }
.c-audiences-page__header h1 { margin-bottom: var(--space-1-5); line-height: 1.2; }
.c-audiences-page__header .c-helper { max-width: 68ch; font-size: .9375rem; line-height: 1.55; }
.c-audiences-page__header > .c-button { flex: 0 0 auto; }
.c-audiences-empty {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: var(--space-4);
  min-height: 19rem;
  padding: var(--space-10);
  text-align: center;
}
.c-audiences-empty__icon {
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  border: 1px solid var(--color-sidebar-active-border);
  border-radius: var(--radius-lg);
  background: var(--color-primary-subtle);
  color: var(--color-primary-active);
}
.c-audiences-empty__copy { display: grid; gap: var(--space-2); max-width: 36rem; }
.c-audiences-empty h2 { margin: 0; font-size: 1.25rem; line-height: 1.35; }
.c-audiences-empty p { margin: 0; color: var(--color-text-secondary); font-size: .9375rem; line-height: 1.6; }
.c-audiences-list { padding: var(--space-3); }
.c-audiences-table-wrap { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.c-audiences-table { table-layout: fixed; }
.c-audiences-table th:nth-child(1), .c-audiences-table td:nth-child(1) { width: 28%; }
.c-audiences-table th:nth-child(2), .c-audiences-table td:nth-child(2) { width: 14%; }
.c-audiences-table th:nth-child(3), .c-audiences-table td:nth-child(3) { width: 13%; }
.c-audiences-table th:nth-child(4), .c-audiences-table td:nth-child(4) { width: 28%; }
.c-audiences-table th:nth-child(5), .c-audiences-table td:nth-child(5) { width: 17%; }
.c-audiences-table th { white-space: normal; line-height: 1.4; }
.c-audiences-table td { color: var(--color-text-secondary); }
.c-audiences-table td:first-child { color: var(--color-text-primary); }
.c-audiences-table td:nth-child(4) { font-variant-numeric: tabular-nums; }
.c-audiences-table .c-button { min-height: var(--control-height-sm); white-space: nowrap; }
.c-audiences-muted { color: var(--color-text-muted); }
.c-audiences-cards { display: none; }

@media (max-width: 1023px) {
  .c-audiences-page__header { align-items: flex-start; gap: var(--space-4); }
  .c-audiences-page__header > .c-button { width: 100%; }
  .c-audiences-list { padding: var(--space-3); }
  .c-audiences-table-wrap { display: none; }
  .c-audiences-cards {
    display: grid;
    gap: var(--space-3);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .c-audiences-card {
    display: grid;
    gap: var(--space-4);
    min-width: 0;
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
  }
  .c-audiences-card__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }
  .c-audiences-card__heading h2 { min-width: 0; margin: 0; font-size: 1rem; line-height: 1.4; overflow-wrap: anywhere; }
  .c-audiences-card__heading h2 a { color: var(--color-text-primary); text-decoration: none; }
  .c-audiences-card__heading h2 a:hover { color: var(--color-primary-active); }
  .c-audiences-card__details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin: 0; }
  .c-audiences-card__details div { min-width: 0; }
  .c-audiences-card__details dt { margin-bottom: var(--space-1); color: var(--color-text-muted); font-size: .75rem; line-height: 1.4; }
  .c-audiences-card__details dd { margin: 0; color: var(--color-text-secondary); font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; }
  .c-audiences-card > .c-button { width: 100%; }
}

@media (max-width: 767px) {
  .c-audiences-page__header { gap: var(--space-3); margin-bottom: var(--space-5); }
  .c-audiences-page__header h1 { font-size: 1.75rem; }
  .c-audiences-page__header .c-helper { font-size: .875rem; line-height: 1.55; }
  .c-audiences-empty { min-height: 0; gap: var(--space-4); padding: var(--space-6) var(--space-4); }
  .c-audiences-list { padding: var(--space-2); }
  .c-audiences-card { gap: var(--space-3); padding: var(--space-4); }
  .c-audiences-card__details { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
}

/* Participant registry */
.c-participants-page { display: grid; gap: var(--space-5); }
.c-participants-header { align-items: center; margin: 0; }
.c-participants-header__copy { min-width: 0; }
.c-participants-header h1 { margin: 0 0 var(--space-2); font-size: 1.875rem; line-height: 1.2; }
.c-participants-header .c-helper { max-width: 760px; line-height: 1.55; }
.c-participants-header__actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--space-2); }
.c-participants-header__actions .c-button { white-space: nowrap; }
.c-participants-stop-link { gap: var(--space-2); color: var(--color-text-secondary); }
.c-participants-stop-link .c-icon { color: var(--color-text-muted); }

.c-participant-filters { display: grid; gap: var(--space-4); margin: 0; padding: var(--space-5); }
.c-participant-filters__search-row { display: grid; grid-template-columns: minmax(280px, 560px) minmax(0, 1fr); align-items: end; gap: var(--space-3); }
.c-participant-filters__search { max-width: 560px; }
.c-participant-filters__search input { font-size: .9375rem; }
.c-participant-filters__search input::placeholder { color: var(--color-text-placeholder); }
.c-participant-filters__toggle { display: none; }
.c-participant-filter-count { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding-inline: var(--space-1); border-radius: var(--radius-pill); background: var(--color-primary-subtle); color: var(--color-primary-active); font-size: .75rem; font-variant-numeric: tabular-nums; }
.c-participant-filter-options { display: grid; gap: var(--space-4); }
.c-participant-filter-options[hidden] { display: none; }
.c-participant-filter-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: end; gap: var(--space-4) var(--space-3); }
.c-participant-filter-grid > .c-field { min-width: 0; }
.c-participant-filter-grid .c-field label { min-height: 1.25rem; line-height: 1.35; }
.c-participant-date-group { display: grid; grid-column: span 2; min-width: 0; gap: var(--space-1-5); margin: 0; padding: 0; border: 0; }
.c-participant-date-group legend { padding: 0; color: var(--color-text-primary); font-size: 12px; font-weight: 750; line-height: 1.35; }
.c-participant-date-group__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.c-participant-date-group__fields .c-field label { min-height: 1.25rem; line-height: 1.35; }
.c-participant-filter-actions { display: flex; align-items: center; gap: var(--space-2); padding-top: var(--space-1); }
.c-participant-filter-actions .c-button { min-height: var(--control-height); }
.c-participant-mobile-label { display: none; }

.c-participant-layout { align-items: start; gap: var(--space-4); margin: 0; }
.c-participant-results { min-width: 0; overflow: hidden; padding: 0; border-radius: var(--radius-lg); }
.c-participant-results__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-height: 68px; padding: var(--space-3) var(--space-5); border-bottom: 1px solid var(--color-border); }
.c-participant-results__heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--space-3); min-width: 0; }
.c-participant-results__heading h2 { margin: 0; font-size: 1.125rem; line-height: 1.35; }
.c-participant-results__count { margin: 0; color: var(--color-text-muted); font-size: .8125rem; font-variant-numeric: tabular-nums; }
.c-participant-results__count strong { color: var(--color-text-secondary); font-weight: 700; }
.c-participant-sort { display: block !important; flex: 0 0 auto; width: 190px; max-width: none !important; margin: 0; }
.c-participant-sort .c-select { width: 100%; }
.c-participant-sort .c-select__trigger { min-height: var(--control-height-sm); border-color: var(--color-border); border-radius: var(--radius-md); font-size: .8125rem; }
.c-participant-sort select:not(.c-select__native) { width: 100%; min-height: var(--control-height-sm); padding: 0 var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text-secondary); font-size: .8125rem; }
.c-participant-sort:has(.c-select__native)::after { top: 13px; }
.c-participant-table-wrap { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.c-participant-table { table-layout: fixed; }
.c-participant-table th { padding-block: var(--space-3); background: var(--color-surface-subtle); font-size: .6875rem; font-weight: 750; letter-spacing: .025em; text-transform: uppercase; }
.c-participant-table th:first-child { width: 23%; }
.c-participant-table th:nth-child(2) { width: 16%; }
.c-participant-table th:nth-child(3) { width: 19%; }
.c-participant-table th:nth-child(4) { width: 14%; }
.c-participant-table th:nth-child(5) { width: 28%; }
.c-participant-table td { padding-block: var(--space-3); color: var(--color-text-secondary); font-size: .8125rem; line-height: 1.45; overflow-wrap: anywhere; }
.c-participant-table tbody tr:hover { background: var(--color-row-hover); }
.c-participant-person { display: grid; justify-items: start; gap: var(--space-1); min-width: 0; color: var(--color-text-primary); text-decoration: none; }
.c-participant-person:hover strong { color: var(--color-primary-active); }
.c-participant-person strong { max-width: 100%; font-size: .875rem; line-height: 1.4; overflow-wrap: anywhere; }
.c-participant-person .c-helper { max-width: 100%; overflow-wrap: anywhere; }
.c-participant-date { font-variant-numeric: tabular-nums; }
.c-participant-source-count { display: inline-flex; align-items: center; gap: var(--space-1-5); color: var(--color-text-secondary); white-space: nowrap; }
.c-participant-source-count .c-icon { color: var(--color-text-muted); }
.c-participant-statuses { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-1); }
.c-participant-table .c-status { gap: var(--space-1); padding: var(--space-1) var(--space-2); font-size: .6875rem; line-height: 1.3; }
.c-participant-table .c-status .c-icon { width: 14px; height: 14px; min-width: 14px; }
.c-participant-mobile-list { display: none; }
.c-participant-empty { display: grid; justify-items: start; gap: var(--space-3); padding: var(--space-8) var(--space-6); }
.c-participant-empty h3, .c-participant-empty p { margin: 0; }
.c-participant-empty h3 { font-size: 1rem; line-height: 1.4; }
.c-participant-empty p { max-width: 560px; color: var(--color-text-secondary); font-size: .875rem; line-height: 1.55; }
.c-participant-empty__icon { box-sizing: content-box; width: 22px; height: 22px; min-width: 22px; padding: var(--space-3); border-radius: var(--radius-lg); background: var(--color-primary-subtle); color: var(--color-primary-active); }
.c-participant-empty .c-button { margin-top: var(--space-1); }
.c-participant-pagination { margin: 0 var(--space-5) var(--space-4); }
.c-participant-detail { min-width: 0; }

@media (max-width: 1023px) {
  .c-participant-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-participant-date-group { grid-column: span 2; }
}

@media (max-width: 899px) {
  .c-participant-table-wrap { display: none; }
  .c-participant-mobile-list { display: grid; }
  .c-participant-mobile-row { display: grid; gap: var(--space-3); min-width: 0; padding: var(--space-4) var(--space-5); border-bottom: 1px solid var(--color-border); }
  .c-participant-mobile-row:last-child { border-bottom: 0; }
  .c-participant-mobile-row .c-participant-person { gap: var(--space-1); }
  .c-participant-mobile-row .c-participant-person strong { font-size: .9375rem; }
  .c-participant-mobile-meta { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-4); color: var(--color-text-muted); font-size: .75rem; line-height: 1.45; font-variant-numeric: tabular-nums; }
  .c-participant-mobile-row .c-status { gap: var(--space-1); padding: var(--space-1) var(--space-2); font-size: .6875rem; line-height: 1.3; }
  .c-participant-mobile-row .c-status .c-icon { width: 14px; height: 14px; min-width: 14px; }
  .c-participant-empty { padding: var(--space-6) var(--space-5); }
}

@media (max-width: 767px) {
  .c-participants-page { gap: var(--space-4); }
  .c-participants-header { align-items: flex-start; flex-direction: column; gap: var(--space-3); }
  .c-participants-header h1 { font-size: 1.625rem; }
  .c-participants-header .c-helper { font-size: .875rem; line-height: 1.55; }
  .c-participants-header__actions { justify-content: flex-start; width: 100%; }
  .c-participants-header__actions .c-button { width: auto; min-height: 40px; }
  .c-participant-filters { gap: var(--space-3); padding: var(--space-4); }
  .c-participant-filters__search-row { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--space-2); }
  .c-participant-filters__search { min-width: 0; }
  .c-participant-filters__search label { font-size: .75rem; }
  .c-participant-filters .c-field input[type="search"] { box-sizing: border-box; min-height: 44px; padding-block: 0; padding-inline: calc(var(--space-4) + var(--space-0-5) + var(--space-3) + var(--space-2)) var(--space-3); appearance: none; -webkit-appearance: none; font-size: .875rem; line-height: 1.4; }
  .c-participant-filters .c-control-wrap--search .c-control-icon { right: auto; left: var(--space-3); }
  .c-participant-filters__toggle { display: inline-flex; align-items: center; width: auto; min-width: max-content; gap: var(--space-2); min-height: 44px; padding-inline: var(--space-3); line-height: 1.25; white-space: nowrap; }
  .c-participant-filters__toggle .c-icon { width: 16px; height: 16px; min-width: 16px; }
  .c-participant-filters__toggle .c-participant-filter-count { box-sizing: border-box; width: 20px; min-width: 20px; height: 20px; padding: 0; font-size: .6875rem; line-height: 1; }
  .c-participant-filter-options { gap: var(--space-4); }
  .c-participant-filter-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .c-participant-date-group { grid-column: auto; }
  .c-participant-date-group__fields { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .c-participant-filter-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-2); }
  .c-participant-filter-actions .c-button { width: 100%; }
  .c-participant-desktop-label { display: none; }
  .c-participant-mobile-label { display: inline; }
  .c-participant-results__header { align-items: flex-start; flex-direction: column; gap: var(--space-3); min-height: 0; padding: var(--space-4); }
  .c-participant-results__heading { align-items: baseline; column-gap: var(--space-2); row-gap: var(--space-1); }
  .c-participant-results__heading h2 { font-size: 1rem; }
  .c-participant-results__count { font-size: .75rem; line-height: 1.35; white-space: nowrap; }
  .c-participant-sort { width: 100%; }
  .c-participant-sort .c-select__trigger, .c-participant-sort select:not(.c-select__native) { min-height: 40px; }
  .c-participant-sort:has(.c-select__native)::after { top: 12px; }
  .c-participant-mobile-row { padding-inline: var(--space-4); }
  .c-participant-empty { gap: var(--space-2); padding: var(--space-4); }
  .c-participant-empty h3 { font-size: .9375rem; }
  .c-participant-empty p { line-height: 1.45; }
  .c-participant-empty__icon { width: 20px; height: 20px; min-width: 20px; padding: var(--space-2); }
  .c-participant-empty .c-button { width: fit-content; min-height: 40px; margin-top: 0; padding-inline: var(--space-3); }
  .c-participant-pagination { margin-inline: var(--space-4); }
}

@media (max-width: 399px) {
  .c-participant-filters__search-row { grid-template-columns: minmax(0, 1fr); }
  .c-participant-filters__toggle { justify-self: start; }
}

@media (min-width: 768px) {
  .c-participant-filters .c-field input[type="search"] { box-sizing: border-box; padding-block: 0; padding-inline: calc(var(--space-4) + var(--space-0-5) + var(--space-3) + var(--space-2)) var(--space-3); appearance: none; -webkit-appearance: none; line-height: 1.4; }
  .c-participant-filters .c-control-wrap--search .c-control-icon { right: auto; left: var(--space-3); }
  .c-participant-date-group > legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .c-participant-results__heading { align-items: center; }
}

/* Sources uses the same page heading and full-width empty state as audiences. */
.c-sources-page { width: 100%; max-width: 76rem; margin-inline: auto; }
.c-sources-page__header {
  align-items: center;
  gap: var(--space-8);
  margin-bottom: var(--space-5);
}
.c-sources-page__header .c-eyebrow { margin-bottom: var(--space-1); }
.c-sources-page__header h1 { margin-bottom: var(--space-1-5); line-height: 1.2; }
.c-sources-page__header .c-helper { max-width: 68ch; font-size: .9375rem; line-height: 1.55; }
@media (max-width: 1100px) {
  .c-source-add__form { grid-template-columns: minmax(0, 1fr); }
  .c-source-add__form .c-field:first-child { max-width: 18rem; }
  .c-source-add__form > .c-button { grid-column: auto; justify-self: start; }
}
.c-source-onboarding {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: var(--space-4);
  width: 100%;
  max-width: none;
  min-height: 19rem;
  padding: var(--space-10);
  text-align: center;
}
.c-source-onboarding__icon {
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  border: 1px solid var(--color-sidebar-active-border);
  border-radius: var(--radius-lg);
  background: var(--color-primary-subtle);
  color: var(--color-primary-active);
}
.c-source-onboarding__copy { display: grid; gap: var(--space-2); max-width: 36rem; }
.c-source-onboarding h2 { margin: 0; font-size: 1.25rem; line-height: 1.35; }
.c-source-onboarding p { margin: 0; color: var(--color-text-secondary); font-size: .9375rem; line-height: 1.6; }
.c-source-onboarding > .c-button { margin-top: 0; }

@media (max-width: 1023px) {
  .c-sources-page__header { align-items: flex-start; gap: var(--space-4); }
}

@media (max-width: 767px) {
  .c-sources-page__header { gap: var(--space-3); margin-bottom: var(--space-5); }
  .c-sources-page__header h1 { font-size: 1.75rem; }
  .c-sources-page__header .c-helper { font-size: .875rem; line-height: 1.55; }
  .c-source-add__form > .c-button { width: 100%; min-width: 0; padding-inline: var(--space-3); }
  .c-source-onboarding { min-height: 0; gap: var(--space-4); padding: var(--space-6) var(--space-4); }
  .c-source-onboarding > .c-button { width: 100%; }
}

.c-card--offer {
  width: min(100%, 1120px);
  margin-inline: auto;
  padding: clamp(var(--space-5), 3vw, var(--space-8));
}
.c-offer-form__header { margin-bottom: var(--space-6); }
.c-offer-form__header h1 { margin: 0; color: var(--color-text-primary); font-size: 1.75rem; line-height: 1.3; }
.c-card .c-offer-form { display: grid; gap: var(--space-5); width: 100%; max-width: none; }
.c-offer-form .c-field { gap: var(--space-2); }
.c-offer-form .c-field label,
.c-offer-media > legend { color: var(--color-text-primary); font-size: .8125rem; font-weight: 750; }
.c-offer-form .c-helper { color: var(--color-text-secondary); line-height: 1.5; }
.c-offer-form textarea { min-height: 140px; }
.c-offer-editor { display: grid; gap: var(--space-2); }
.c-offer-editor [hidden] { display: none; }
.c-offer-editor__toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); }
.c-offer-editor__tool { min-width: var(--control-height); min-height: var(--control-height); padding-inline: var(--space-3); }
.c-offer-editor__tool[aria-pressed="true"] { color: var(--color-text-primary); border-color: var(--color-focus); background: var(--color-surface-subtle); }
.c-offer-editor__underline { text-decoration: underline; text-underline-offset: .15em; }
.c-offer-editor__surface {
  min-height: 140px;
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  background: var(--color-surface);
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.c-offer-editor__surface:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.c-offer-editor__surface[aria-invalid="true"] { border-color: var(--error-base); }
.c-offer-message { white-space: pre-wrap; overflow-wrap: anywhere; }
.c-offer-form :is(input, select, textarea):focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
.c-offer-media {
  min-width: 0;
  margin: var(--space-1) 0 0;
  padding: var(--space-5) 0 0;
  border: 0;
  border-top: 1px solid var(--color-border);
}
.c-offer-media > legend { margin-bottom: var(--space-4); padding: 0; }
.c-offer-media__choices { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-4); }
.c-offer-media__option { align-content: start; }
.c-offer-media__upload {
  padding: var(--space-3);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
}
.c-offer-file-label { color: var(--color-text-primary); font-size: .8125rem; font-weight: 750; }
.c-offer-form .c-field input.c-offer-file-control__input {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.c-offer-file-control { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); min-height: var(--control-height); }
.c-offer-file-control__button { flex: 0 0 auto; cursor: pointer; }
.c-offer-file-control__name { min-width: 0; color: var(--color-text-secondary); overflow-wrap: anywhere; }
.c-offer-file-control__input:focus-visible + .c-offer-file-control .c-offer-file-control__button {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}
.c-offer-media__upload .c-helper { font-size: .75rem; line-height: 1.4; }
.c-actions--offer {
  align-items: center;
  margin: var(--space-1) 0 0;
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
  gap: var(--space-3);
}
.c-actions--offer .c-button { min-height: var(--control-height); }

@media (max-width: 767px) {
  .c-card--offer { width: 100%; }
  .c-offer-form__header { margin-bottom: var(--space-5); }
  .c-offer-media__choices { grid-template-columns: minmax(0, 1fr); }
  .c-actions--offer { align-items: stretch; flex-direction: column; }
  .c-actions--offer .c-button { width: 100%; }
}

/* Job detail: keep the progress hierarchy and overview cards on one spacing grid. */
#job-progress {
  display: grid;
  gap: var(--space-4);
  margin: var(--space-6) 0;
  padding: var(--space-6);
}
#job-progress .c-progress__header {
  align-items: center;
  gap: var(--space-4);
  margin: 0;
}
#job-progress .c-progress__header h2 { margin: 0; }
#job-progress .c-progress__heading-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
  flex-wrap: wrap;
}
#job-progress .c-progress__percent {
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--color-primary-subtle);
  color: var(--color-primary-active);
  font-size: 1rem;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}
#job-progress > .c-helper { line-height: 1.5; }
#job-progress .c-progress__bar { margin: 0; }
.c-progress__stats {
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border);
}
.c-progress__stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: var(--space-3);
}
.c-progress__stat {
  display: grid;
  align-content: start;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
}
.c-progress__stat > span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--color-text-muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.c-progress__stat > strong {
  font-size: 1.75rem;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.c-job-summary {
  grid-template-columns: minmax(0, 1.15fr) repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: var(--space-6);
}
.c-job-summary > .c-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
  padding: var(--space-6);
}
.c-job-summary > .c-card > h2,
.c-job-summary > .c-card > p { margin: 0; }
.c-job-summary__counters { container: job-counter-card / inline-size; }
.c-job-summary__counter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: var(--space-3);
  min-width: 0;
  flex: 1;
}
.c-job-summary__counter-grid > .c-kpi {
  min-width: 0;
  min-height: 112px;
  padding: var(--space-3);
}
.c-job-summary__counter-grid .c-kpi__label > span:last-child {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-width: 0;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

@container job-counter-card (max-width: 400px) {
  .c-job-summary__counter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container job-counter-card (max-width: 280px) {
  .c-job-summary__counter-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1023px) {
  .c-progress__stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-job-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  #job-progress { padding: var(--space-4); }
  .c-progress__stats-grid,
  .c-job-summary { grid-template-columns: minmax(0, 1fr); }
  .c-job-summary { gap: var(--space-4); }
}

/* Target chat detail: keep the object context, working check and archive action
   on one compact content rail. */
.l-page:has(.c-target-chat-detail) { max-width: 1320px; }
.c-target-chat-detail {
  display: grid;
  gap: var(--space-4);
  width: min(100%, 1120px);
  margin-inline: auto;
}
.c-target-chat-detail .c-page-header {
  align-items: center;
  gap: var(--space-6);
  margin: 0 0 var(--space-2);
}
.c-target-chat-detail__identity { min-width: 0; }
.c-target-chat-detail__identity .c-eyebrow { margin-bottom: var(--space-2); }
.c-target-chat-detail__identity h1 {
  margin: 0;
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.c-target-chat-detail__username {
  margin: var(--space-2) 0 0;
  color: var(--color-text-muted);
  font-size: .9375rem;
}
.c-target-chat-detail__header-tools {
  display: grid;
  justify-items: end;
  gap: var(--space-3);
  flex: 0 0 auto;
}
.c-target-chat-detail__statuses { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); }
.c-target-chat-detail__launch { white-space: nowrap; }
.c-target-chat-detail__card {
  min-width: 0;
  padding: var(--space-5) var(--space-6);
}
.c-target-chat-detail__card > h2,
.c-target-chat-check__heading h2 {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.3;
}
.c-target-chat-detail__facts {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  max-width: 780px;
  gap: 0;
  margin: var(--space-3) 0 0;
}
.c-target-chat-detail__facts > div {
  display: grid;
  grid-template-columns: minmax(150px, .55fr) minmax(0, 1fr);
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
  padding: var(--space-2-25) 0;
  border-bottom: 1px solid var(--color-border);
}
.c-target-chat-detail__facts > div:last-child { border-bottom: 0; }
.c-target-chat-detail__facts dt { color: var(--color-text-muted); font-size: .8125rem; }
.c-target-chat-detail__facts dd { min-width: 0; margin: 0; font-size: .875rem; font-weight: 700; overflow-wrap: anywhere; }
.c-target-chat-detail__facts dd code { font-size: .75rem; font-weight: 500; overflow-wrap: anywhere; }
.c-target-chat-detail__availability { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); }
.c-target-chat-detail__availability > span:not(.c-status) { color: var(--color-text-muted); font-size: .8125rem; font-weight: 500; }
.c-target-chat-check { gap: var(--space-3); }
.c-target-chat-check__heading { display: grid; gap: var(--space-1-5); }
.c-target-chat-check__heading .c-helper { max-width: 68ch; line-height: 1.5; }
.c-target-chat-check form {
  display: grid;
  grid-template-columns: minmax(240px, 360px) auto;
  align-items: end;
  gap: var(--space-3);
  width: 100%;
  max-width: none;
  margin: 0;
}
.c-target-chat-check form .c-field { min-width: 0; }
.c-target-chat-check form > .c-button { width: auto; white-space: nowrap; }
.c-target-chat-danger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
}
.c-target-chat-danger__copy { display: grid; gap: var(--space-1); min-width: 0; }
.c-target-chat-danger h2 { margin: 0; font-size: .9375rem; line-height: 1.35; }
.c-target-chat-danger p { margin: 0; color: var(--color-text-muted); font-size: .8125rem; line-height: 1.45; }
.c-target-chat-danger form { display: block; flex: 0 0 auto; max-width: none; margin: 0; }
.c-target-chat-danger .c-button { width: auto; white-space: nowrap; }
.c-target-chat-detail > .c-alert,
.c-target-chat-detail > .c-state { margin: 0; }

@media (min-width: 768px) and (max-width: 1023px) {
  .c-target-chat-detail .c-page-header { align-items: flex-start; flex-direction: column; gap: var(--space-3); }
  .c-target-chat-detail__header-tools { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; justify-items: initial; width: 100%; }
  .c-target-chat-detail__statuses { justify-content: flex-start; }
  .c-target-chat-danger { align-items: flex-start; flex-direction: column; gap: var(--space-3); }
}

@media (max-width: 767px) {
  .c-target-chat-detail { gap: var(--space-3); }
  .c-target-chat-detail .c-page-header { align-items: stretch; flex-direction: column; gap: var(--space-3); }
  .c-target-chat-detail__header-tools { justify-items: stretch; }
  .c-target-chat-detail__statuses { justify-content: flex-start; }
  .c-target-chat-detail__launch { width: 100%; white-space: normal; }
  .c-target-chat-detail__card { padding: var(--space-4); }
  .c-target-chat-detail__facts > div { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); padding: var(--space-2) 0; }
  .c-target-chat-check form { grid-template-columns: minmax(0, 1fr); }
  .c-target-chat-check form > .c-button { width: 100%; }
  .c-target-chat-danger { align-items: stretch; flex-direction: column; gap: var(--space-3); padding: var(--space-4); }
  .c-target-chat-danger .c-button { width: 100%; white-space: normal; }
}

/* Target group detail: tie identity, access results and the check action into
   one compact operator view. */
.l-page:has(.c-target-group-detail) { max-width: 1320px; }
.c-target-group-detail {
  display: grid;
  gap: var(--space-4);
  width: min(100%, 1120px);
  margin-inline: auto;
}
.c-target-group-detail .c-page-header {
  align-items: center;
  gap: var(--space-6);
  margin: 0 0 var(--space-1);
}
.c-target-group-detail__identity { min-width: 0; }
.c-target-group-detail__identity .c-eyebrow { margin-bottom: var(--space-2); }
.c-target-group-detail__identity h1 {
  margin: 0;
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.c-target-group-detail__meta {
  margin: var(--space-2) 0 0;
  color: var(--color-text-muted);
  font-size: .875rem;
}
.c-target-group-detail__statuses {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--space-3);
  flex: 0 0 auto;
}
.c-target-group-detail__status-item {
  display: grid;
  justify-items: start;
  gap: var(--space-1);
  color: var(--color-text-muted);
  font-size: .6875rem;
  font-weight: 700;
}
.c-target-group-results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}
.c-target-group-result {
  min-width: 0;
  padding: var(--space-5);
}
.c-target-group-result__heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: start;
  gap: var(--space-2) var(--space-3);
}
.c-target-group-result__heading h2 { grid-column: 1 / -1; }
.c-target-group-result__heading h2,
.c-target-group-check__heading h2 {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.35;
}
.c-target-group-result__heading .c-helper {
  min-height: 2.9em;
  line-height: 1.45;
}
.c-target-group-result__state .c-status { min-height: 32px; padding: var(--space-1) var(--space-3); font-size: .8125rem; }
.c-target-group-result__message {
  margin: var(--space-3) 0 0;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text-secondary);
  font-size: .8125rem;
  line-height: 1.45;
}
.c-target-group-result__facts {
  display: grid;
  gap: 0;
  margin: var(--space-3) 0 0;
}
.c-target-group-result__facts > div {
  display: grid;
  grid-template-columns: minmax(120px, .75fr) minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--color-border);
}
.c-target-group-result__facts > div:last-child { border-bottom: 0; }
.c-target-group-result__facts dt { color: var(--color-text-muted); font-size: .75rem; }
.c-target-group-result__facts dd { min-width: 0; margin: 0; font-size: .8125rem; font-weight: 600; overflow-wrap: anywhere; }
.c-target-group-result__facts dd code { font-size: .75rem; font-weight: 500; }
.c-target-group-check {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-5);
  border-color: var(--color-primary-subtle);
  box-shadow: 0 0 0 1px var(--color-primary-subtle), var(--shadow-xs);
}
.c-target-group-check__heading {
  display: grid;
  gap: var(--space-1);
}
.c-target-group-check__heading .c-eyebrow { margin-bottom: var(--space-1); }
.c-target-group-check__heading .c-helper { line-height: 1.5; }
.c-target-group-check form {
  display: grid;
  grid-template-columns: minmax(240px, 340px) max-content;
  justify-content: start;
  align-items: end;
  gap: var(--space-3);
  width: 100%;
  max-width: none;
  margin: 0;
}
.c-target-group-check form .c-field { min-width: 0; }
.c-target-group-check form > .c-button { justify-self: start; width: auto; min-width: 174px; white-space: nowrap; }
.c-target-group-check__hint { grid-column: 1 / -1; max-width: 80ch; line-height: 1.5; }
.c-target-group-check .c-button:disabled { background: var(--color-surface-sunken); border-color: var(--color-border); color: var(--disabled-fg); box-shadow: none; }
.c-target-group-check [data-submit-lock].is-submitting [data-submit-button] { pointer-events: none; }
.c-target-group-danger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
}
.c-target-group-danger__copy { display: grid; gap: var(--space-1); min-width: 0; }
.c-target-group-danger__copy .c-eyebrow { margin: 0; color: var(--error-fg); font-size: .6875rem; }
.c-target-group-danger h2 { margin: 0; font-size: .9375rem; line-height: 1.35; }
.c-target-group-danger p:last-child { margin: 0; color: var(--color-text-muted); font-size: .8125rem; line-height: 1.45; }
.c-target-group-danger form { display: block; flex: 0 0 auto; max-width: none; margin: 0; }
.c-target-group-danger .c-button { width: auto; white-space: nowrap; }
.c-target-group-detail > .c-alert,
.c-target-group-detail > .c-state { margin: 0; }

@media (min-width: 768px) and (max-width: 1199px) {
  .c-target-group-detail .c-page-header { align-items: flex-start; flex-direction: column; gap: var(--space-3); }
  .c-target-group-detail__statuses { justify-content: flex-start; }
  .c-target-group-results { grid-template-columns: minmax(0, 1fr); }
  .c-target-group-danger { align-items: flex-start; flex-direction: column; gap: var(--space-3); }
}

@media (max-width: 767px) {
  .c-target-group-detail { gap: var(--space-3); }
  .c-target-group-detail .c-page-header { align-items: stretch; flex-direction: column; gap: var(--space-3); }
  .c-target-group-detail__statuses { justify-content: flex-start; }
  .c-target-group-results { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .c-target-group-result,
  .c-target-group-check { padding: var(--space-4); }
  .c-target-group-result__heading { grid-template-columns: minmax(0, 1fr); }
  .c-target-group-result__heading .c-helper { min-height: 0; }
  .c-target-group-result__facts > div { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); padding: var(--space-2) 0; }
  .c-target-group-check form { grid-template-columns: minmax(0, 1fr); }
  .c-target-group-check form > .c-button { justify-self: start; }
  .c-target-group-danger { align-items: stretch; flex-direction: column; gap: var(--space-3); padding: var(--space-4); }
  .c-target-group-danger .c-button { width: auto; white-space: normal; }
}

/* Audience detail: put identity, reach and controls on one compact grid. */
.c-audience-detail {
  display: grid;
  gap: var(--space-4);
}
.c-audience-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  min-width: 0;
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--color-border);
}
.c-audience-header__identity { min-width: 0; }
.c-audience-header__identity .c-eyebrow { margin-bottom: var(--space-1); }
.c-audience-header h1 {
  margin: 0;
  font-size: clamp(1.75rem, 3vw, 2.125rem);
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.c-audience-header__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-2);
  color: var(--color-text-muted);
  font-size: .8125rem;
}
.c-audience-header__meta .c-status { padding: var(--space-1) var(--space-2); }
.c-audience-header__archived { flex: 0 0 auto; }
.c-audience-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  flex: 0 0 auto;
}
.c-audience-actions form { display: inline-flex; max-width: none; margin: 0; }
.c-audience-detail .c-button { min-height: var(--control-height); }
.c-audience-actions__divider {
  align-self: stretch;
  width: 1px;
  margin: 0 var(--space-2);
  background: var(--color-border);
}
.c-audience-actions .c-button--secondary:hover {
  border-color: var(--color-border-hover);
  background: var(--color-surface-subtle);
}
.c-audience-actions .c-button--tertiary:hover {
  background: var(--color-primary-subtle);
  color: var(--color-primary-active);
}
.c-audience-actions .c-button--destructive {
  background: var(--color-surface);
}
.c-audience-actions .c-button--destructive:hover {
  border-color: var(--error-base);
  background: var(--error-surface);
}
.c-audience-detail .c-button:focus-visible,
.c-audience-exclusions summary:focus-visible,
.c-audience-exclusions input:focus-visible,
.c-audience-exclusions textarea:focus-visible {
  outline: 3px solid var(--color-focus-ring);
  outline-offset: 2px;
}
.c-audience-detail .c-button:disabled {
  border-color: var(--color-border);
  background: var(--color-surface-subtle);
  color: var(--disabled-fg);
  box-shadow: none;
  opacity: 1;
}
.c-audience-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-rows: minmax(98px, 1fr);
  gap: var(--space-3);
}
.c-audience-stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}
.c-audience-stat > span {
  color: var(--color-text-muted);
  font-size: .8125rem;
  line-height: 1.4;
}
.c-audience-stat > strong {
  font-size: 1.75rem;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.c-audience-stat--primary {
  border-color: var(--color-sidebar-active-border);
  background: var(--color-primary-ghost);
}
.c-audience-stat--primary > span { color: var(--color-primary-active); }
.c-audience-stat--primary > strong { color: var(--color-primary-active); }
.c-audience-detail > .c-alert { margin: 0; }
.c-audience-card {
  min-width: 0;
  padding: var(--space-5);
}
.c-audience-card__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}
.c-audience-card__heading h2 {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.35;
}
.c-audience-card__heading .c-helper {
  max-width: 72ch;
  margin-top: var(--space-1);
  line-height: 1.5;
}
.c-audience-card__count {
  display: inline-grid;
  min-width: 32px;
  min-height: 28px;
  place-items: center;
  padding: 0 var(--space-2);
  border-radius: var(--radius-pill);
  background: var(--color-surface-subtle);
  color: var(--color-text-secondary);
  font-size: .75rem;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.c-audience-preview__summary,
.c-audience-preview__empty,
.c-audience-sources__empty { margin: 0; }
.c-audience-preview__summary {
  margin-bottom: var(--space-3);
  color: var(--color-text-muted);
  font-size: .8125rem;
}
.c-audience-preview__summary strong { color: var(--color-text-primary); }
.c-audience-preview__table-wrap { border-radius: var(--radius-md); }
.c-audience-preview__table th,
.c-audience-exclusions__table th {
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
  background: var(--color-surface-subtle);
  font-size: .75rem;
  font-weight: 750;
  letter-spacing: .025em;
  text-transform: uppercase;
}
.c-audience-preview__table td,
.c-audience-exclusions__table td { padding-top: 13px; padding-bottom: 13px; }
.c-audience-preview__table tbody tr,
.c-audience-exclusions__table tbody tr { transition: background-color .15s ease; }
.c-audience-preview__table tbody tr:hover,
.c-audience-exclusions__table tbody tr:hover { background: var(--color-row-hover); }
.c-audience-preview__table .c-status,
.c-audience-exclusions__table .c-status { white-space: nowrap; }
.c-audience-person__id {
  color: var(--color-text-primary);
  font-family: var(--font-mono);
  font-size: .8125rem;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.c-audience-person__username {
  margin-left: var(--space-2);
  color: var(--color-text-muted);
  font-size: .8125rem;
  white-space: nowrap;
}
.c-audience-source-count {
  display: inline-grid;
  min-width: 26px;
  min-height: 26px;
  place-items: center;
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text-secondary);
  font-size: .8125rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.c-audience-secondary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .85fr);
  align-items: start;
  gap: var(--space-4);
}
.c-audience-exclusions {
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}
.c-audience-exclusions > summary {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  min-height: 64px;
  padding: var(--space-3) var(--space-4);
  cursor: pointer;
  list-style: none;
}
.c-audience-exclusions > summary::-webkit-details-marker { display: none; }
.c-audience-exclusions > summary:hover { background: var(--color-row-hover); }
.c-audience-exclusions__summary-copy {
  display: grid;
  gap: var(--space-1);
  min-width: 0;
  flex: 1;
}
.c-audience-exclusions__summary-copy strong { font-size: .875rem; }
.c-audience-exclusions__summary-copy > span,
.c-audience-exclusions__summary-count { color: var(--color-text-muted); font-size: .75rem; }
.c-audience-exclusions__summary-count { white-space: nowrap; }
.c-audience-exclusions__summary-count strong { color: var(--color-text-primary); font-variant-numeric: tabular-nums; }
.c-audience-exclusions__chevron {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  transform: rotate(45deg);
  border-right: 2px solid var(--color-text-muted);
  border-bottom: 2px solid var(--color-text-muted);
  transition: transform .15s ease;
}
.c-audience-exclusions[open] .c-audience-exclusions__chevron { transform: rotate(225deg) translate(-2px, -2px); }
.c-audience-exclusions__form {
  max-width: none !important;
  margin: 0;
  padding: var(--space-4);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}
.c-audience-exclusions__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .58fr);
  align-items: start;
  gap: var(--space-4);
}
.c-audience-exclusions__table-wrap { max-height: 320px; overflow: auto; }
.c-audience-exclusions__table thead { position: sticky; top: 0; z-index: 1; }
.c-audience-exclusions__table th,
.c-audience-exclusions__table td { padding-right: var(--space-3); padding-left: var(--space-3); }
.c-audience-exclusions__table th:first-child,
.c-audience-exclusions__table td:first-child { width: 54px; text-align: center; }
.c-audience-exclusions__table input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--color-primary);
  cursor: pointer;
}
.c-audience-exclusions__table input[type="checkbox"]:disabled { cursor: not-allowed; }
.c-audience-exclusions__table tr:has(input[type="checkbox"]:checked) { background: var(--color-row-selected); }
.c-audience-exclusions__table tr.is-excluded { background: var(--warning-surface); }
.c-audience-exclusions__controls {
  display: grid;
  align-content: start;
  gap: var(--space-3);
  min-width: 0;
}
.c-audience-exclusions__controls .c-field { gap: var(--space-2); }
.c-audience-exclusions__controls .c-field label { font-size: .8125rem; }
.c-audience-exclusions__controls textarea {
  width: 100%;
  min-height: 92px;
  padding: var(--space-3);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text-primary);
  font: inherit;
  line-height: 1.5;
  resize: vertical;
}
.c-audience-exclusions__controls textarea:hover { border-color: var(--color-border-hover); }
.c-audience-exclusions__controls textarea:focus { border-color: var(--color-focus); box-shadow: 0 0 0 3px var(--color-focus-ring); outline: none; }
.c-audience-exclusions__controls .c-button { width: 100%; }
.c-audience-exclusions__controls .c-button:hover {
  border-color: var(--color-primary);
  background: var(--color-primary-subtle);
  color: var(--color-primary-active);
}
.c-audience-sources {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.c-audience-source {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}
.c-audience-source__marker {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-sm);
  background: var(--color-primary-subtle);
  color: var(--color-primary-active);
  font-size: .75rem;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}
.c-audience-source__identity { display: grid; gap: var(--space-1); min-width: 0; }
.c-audience-source__identity strong,
.c-audience-source__identity > span { overflow-wrap: anywhere; }
.c-audience-source__identity strong { font-size: .8125rem; }
.c-audience-source__identity > span { color: var(--color-text-muted); font-size: .75rem; }
.c-audience-source .c-status { justify-self: end; white-space: nowrap; }
.c-audience-sources__empty { color: var(--color-text-muted); font-size: .875rem; }

@media (max-width: 1199px) {
  .c-audience-header { align-items: flex-start; flex-direction: column; gap: var(--space-4); }
  .c-audience-actions { width: 100%; }
  .c-audience-secondary-grid { grid-template-columns: minmax(0, 1fr); }
  .c-audience-sources { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
  .c-audience-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .c-audience-exclusions__layout { grid-template-columns: minmax(0, 1fr); }
  .c-audience-exclusions__controls { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
}
@media (max-width: 767px) {
  .c-audience-detail { gap: var(--space-3); }
  .c-audience-header { padding-bottom: var(--space-3); }
  .c-audience-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-audience-actions > .c-button:first-child { grid-column: 1 / -1; }
  .c-audience-actions form,
  .c-audience-actions form .c-button { width: 100%; }
  .c-audience-actions__divider { display: none; }
  .c-audience-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
  .c-audience-stat { min-height: 86px; padding: var(--space-3); }
  .c-audience-stat > strong { font-size: 1.5rem; }
  .c-audience-card { padding: var(--space-4); }
  .c-audience-card__heading { margin-bottom: var(--space-3); }
  .c-audience-preview__table th,
  .c-audience-preview__table td { padding-right: var(--space-3); padding-left: var(--space-3); }
  .c-audience-preview__table .c-status { white-space: normal; }
  .c-audience-sources { grid-template-columns: minmax(0, 1fr); }
  .c-audience-exclusions > summary { gap: var(--space-2); padding-right: var(--space-3); padding-left: var(--space-3); }
  .c-audience-exclusions__summary-count { font-size: .6875rem; }
  .c-audience-exclusions__form { padding: var(--space-3); }
  .c-audience-exclusions__controls { grid-template-columns: minmax(0, 1fr); }
  .c-audience-exclusions__controls .c-button { width: 100%; }
}
@media (max-width: 480px) {
  .c-audience-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-audience-header__meta { align-items: flex-start; flex-direction: column; gap: var(--space-2); }
  .c-audience-actions { grid-template-columns: minmax(0, 1fr); }
  .c-audience-actions > .c-button:first-child { grid-column: auto; }
  .c-audience-actions__divider { display: none; }
  .c-audience-card__heading h2 { font-size: 1rem; }
  .c-audience-preview__table th,
  .c-audience-exclusions__table th { font-size: .6875rem; }
  .c-audience-preview__table .c-status { gap: var(--space-1); padding-right: var(--space-1-5); padding-left: var(--space-1-5); font-size: .6875rem; }
  .c-audience-person__username { display: block; margin: var(--space-1) 0 0; }
  .c-audience-exclusions__summary-copy > span { font-size: .6875rem; }
}
@media (prefers-reduced-motion: reduce) {
  .c-audience-preview__table tbody tr,
  .c-audience-exclusions__table tbody tr,
  .c-audience-exclusions__chevron { transition: none; }
}

/* Keep wizard overrides after the shared shell and form rules. */
.c-dm-card .c-dm-actions { gap: var(--space-2); margin: 0 0 var(--space-2); }
.c-dm-actions .c-button:disabled { border-color: var(--color-border); background: var(--color-surface-subtle); color: var(--disabled-fg); box-shadow: none; opacity: .7; }
.c-dm-review .c-dm-launch { max-width: none; }
@media (max-width: 767px) {
  .c-dm-card { padding: var(--space-4); }
  .c-dm-card .c-dm-actions { align-items: stretch; margin: 0 0 var(--space-2); }
}
@media (max-width: 480px) {
  .c-ga-heading-state { display: grid; justify-items: start; }
}

/* Offers: one attachment state and a quiet live message preview. */
.c-offer-form__header { display: grid; gap: var(--space-2); margin-bottom: var(--space-5); }
.c-offer-compose { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .85fr); gap: var(--space-6); align-items: start; }
.c-offer-compose__fields { display: grid; gap: var(--space-5); min-width: 0; }
.c-offer-media { margin: 0; padding-top: var(--space-3); }
.c-offer-media > legend { margin-bottom: var(--space-2); }
.c-offer-media__upload { display: grid; gap: var(--space-3); }
.c-offer-attachment-info { display: grid; gap: var(--space-1); overflow-wrap: anywhere; }
.c-offer-file-control .c-button, .c-offer-library__file, .c-actions--offer .c-button { min-height: 44px; }
.c-offer-editor__toolbar .c-button { width: auto; min-width: 44px; min-height: 44px; flex: 0 0 auto; }
.c-offer-file-control .c-button { width: auto; }
.c-offer-library { margin-top: var(--space-2); }
.c-offer-library summary { display: list-item; cursor: pointer; color: var(--color-text-secondary); font-size: .8125rem; min-height: 44px; padding-block: var(--space-3); }
.c-offer-library summary:focus-visible, .c-offer-library__file:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.c-offer-library__files { display: grid; gap: var(--space-2); max-height: 280px; overflow-y: auto; padding: var(--space-1); }
.c-offer-library__file { display: flex; align-items: center; gap: var(--space-3); width: 100%; text-align: left; padding: var(--space-3); color: var(--color-text-primary); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); font: inherit; cursor: pointer; }
.c-offer-library__file > span { display: grid; gap: var(--space-1); min-width: 0; overflow-wrap: anywhere; }
.c-offer-library__file img { width: 48px; height: 48px; object-fit: cover; border-radius: var(--radius-sm); }
.c-offer-library__file[aria-pressed="true"] { border-color: var(--color-primary); background: var(--color-primary-subtle); }
.c-offer-preview { display: grid; gap: var(--space-3); min-width: 0; position: sticky; top: var(--space-6); }
.c-offer-preview h2 { margin: 0; font-size: 1rem; }
.c-offer-preview__stage { background: var(--color-surface-subtle); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-4); }
.c-offer-preview__bubble { display: grid; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-xs); }
.c-offer-preview .c-offer-message { font-size: .875rem; line-height: 1.55; }
.c-offer-preview :is(img, video), .c-offer-detail-media { display: block; width: 100%; max-height: 320px; object-fit: contain; border-radius: var(--radius-sm); }
.c-offer-detail-media { max-width: 480px; margin-bottom: var(--space-3); }
.c-offer-preview__document { display: block; padding: var(--space-3); background: var(--color-surface-subtle); border-radius: var(--radius-sm); overflow-wrap: anywhere; font-size: .875rem; }
.c-offer-form [hidden] { display: none !important; }
.c-offers-list { padding: var(--space-3); }
.c-offers-list .c-table td { vertical-align: middle; }
.c-offers-list .c-table td:first-child { width: 45%; }
.c-offers-list__excerpt { display: block; margin-top: var(--space-1); max-width: 48ch; overflow-wrap: anywhere; }
.c-offers-list time { white-space: nowrap; font-size: .8125rem; }
.c-offers-list .c-table td:last-child { white-space: nowrap; }
@media (max-width: 1100px) {
  .c-offer-compose { grid-template-columns: minmax(0, 1fr); }
  .c-offer-preview { position: static; }
  .c-offer-preview__bubble { max-width: 420px; }
}