/**
 * WP admin styles — Slice A foundations + Page 09 WP light shell (node 97:2).
 * Foundations: --tdab-color-* light premium shell with website accent tokens.
 * Page 09 Slice B1: --tdab-wp-* light tokens applied to .tdab-readiness only.
 * No remote CSS imports, font-face rules, or font network URLs.
 * No readiness gauge (Page 09 does not define score thresholds).
 */

/* Ensure screen reader text is hidden across all environments */
.screen-reader-text {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  word-wrap: normal !important;
}

.tdab-admin {
  /* Colors — light premium shell (founder-approved); website accents retained */
  --tdab-color-bg: #f6f8fc;
  --tdab-color-secondary: #ffffff;
  --tdab-color-elevated: #ffffff;
  --tdab-color-primary: #00dcb9;
  --tdab-color-teal: var(--tdab-color-primary);
  --tdab-color-teal-dark: #087f6f;
  --tdab-color-blue: #00b8ff;
  --tdab-color-orange: #ff6b23;
  --tdab-color-text: #172033;
  --tdab-color-muted: #52627a;
  --tdab-color-border: #dce5f0;

  --tdab-color-success: #3ecf8e;
  --tdab-color-warning: #f5c451;
  --tdab-color-error: #ff6b6b;

  --tdab-font-family-display:
    'Space Grotesk', 'Avenir Next', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --tdab-font-family-body:
    Inter, 'Helvetica Neue', Helvetica, Arial, system-ui, -apple-system, sans-serif;
  --tdab-font-family-label:
    'JetBrains Mono', 'SF Mono', 'Cascadia Code', Consolas, ui-monospace, monospace;

  --tdab-font-size-display: 56px;
  --tdab-font-size-h1: 40px;
  --tdab-font-size-h2: 32px;
  --tdab-font-size-h3: 24px;
  --tdab-font-size-body: 16px;
  --tdab-font-size-small: 13px;
  --tdab-font-size-label: 12px;

  --tdab-font-weight-regular: 400;
  --tdab-font-weight-medium: 500;
  --tdab-font-weight-bold: 700;

  --tdab-letter-spacing-label: 1px;
  --tdab-text-transform-label: uppercase;

  --tdab-space-4: 4px;
  --tdab-space-8: 8px;
  --tdab-space-12: 12px;
  --tdab-space-16: 16px;
  --tdab-space-24: 24px;
  --tdab-space-32: 32px;
  --tdab-space-48: 48px;
  --tdab-space-64: 64px;

  --tdab-radius-sm: 6px;
  --tdab-radius-md: 10px;
  --tdab-radius-lg: 14px;

  /* Page 09 (node 97:2) — WP admin light shell */
  --tdab-wp-color-bg: #f0f0f1;
  --tdab-wp-color-card: #ffffff;
  --tdab-wp-color-border: #dcdcde;
  --tdab-wp-color-ink: #1e1e1e;
  --tdab-wp-color-gray: #50575e;
  --tdab-wp-color-teal: #0a7d6b;
  --tdab-wp-color-info: #2271b1;
  --tdab-wp-color-success: #0a7d6b;
  --tdab-wp-color-warning: #b26a00;
  --tdab-wp-color-warning-bar: #e0902b;
  --tdab-wp-color-error: #b32d2e;

  --tdab-wp-font-size-display: 48px;
  --tdab-wp-font-size-h1: 32px;
  --tdab-wp-font-size-h2: 24px;
  --tdab-wp-font-size-h3: 20px;
  --tdab-wp-font-size-body: 15px;
  --tdab-wp-font-size-small: 13px;
  --tdab-wp-font-size-label: 11px;
  --tdab-wp-font-size-body-mobile: 16px;

  --tdab-wp-radius-card: 8px;
  --tdab-wp-card-padding: 24px;
  --tdab-wp-card-padding-mobile: 16px;
  --tdab-wp-section-gap: 20px;
  --tdab-wp-control-height: 40px;
  --tdab-wp-control-height-mobile: 44px;

  --tdab-wp-bp-mobile-max: 767px;
  --tdab-wp-bp-tablet-min: 768px;
  --tdab-wp-bp-desktop-min: 1280px;

  /* Bounded containment within WP content area */
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  background-color: var(--tdab-color-bg, #f6f8fc);
}

.tdab-admin .tdab-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: var(--tdab-space-16);
  margin-top: var(--tdab-space-16);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin main {
  margin-top: 0;
  max-width: 100%;
  min-width: 0;
}

/* Non-readiness cards remain WP-native until later Page 09 slices */
.tdab-card {
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: var(--tdab-radius-md);
  padding: var(--tdab-space-16) var(--tdab-space-24);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Pending wide tables/forms: scroll inside card/fieldset — do not widen the document */
.tdab-admin .tdab-card:not(.tdab-readiness):not(.tdab-b2-shell):not(.tdab-b3-shell):not(.tdab-b4-shell),
.tdab-admin .tdab-outbound-fieldset {
  overflow-x: auto;
}

.tdab-admin form {
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .regular-text,
.tdab-admin input[type='text'],
.tdab-admin input[type='url'],
.tdab-admin input[type='password'],
.tdab-admin input[type='email'],
.tdab-admin input[type='search'],
.tdab-admin input[type='number'],
.tdab-admin select,
.tdab-admin textarea {
  max-width: 100%;
  box-sizing: border-box;
}

.tdab-card.tdab-full {
  grid-column: 1 / -1;
}

.tdab-actions {
  display: flex;
  gap: var(--tdab-space-8);
  flex-wrap: wrap;
  margin-top: var(--tdab-space-12);
}

.tdab-warning {
  color: #8a4b00;
  background: #fff6e6;
  border-left: 4px solid #dba617;
  padding: var(--tdab-space-8) var(--tdab-space-12);
}

/* --- Page 04 Screen 1 (node 52:66) — first-run empty state only --- */
/* Geometry tokens: Figma content column 240..1400 (1160) under real WP chrome (32px bar + 160px menu). */
/* Measured delta from prior local 182..1420 → inset-start 60px / inset-end 40px on plugin wrapper only (x240..1400). */

.tdab-admin.tdab-admin--s1-empty {
  --tdab-s1-title-size: 28px;
  --tdab-s1-hero-title-size: 28px;
  --tdab-s1-section-title-size: 18px;
  --tdab-s1-subhead-size: 14px;
  --tdab-s1-body-size: 14px;
  --tdab-s1-small-size: 12px;
  --tdab-s1-card-padding: 16px;
  --tdab-s1-card-gap: 8px;
  --tdab-s1-section-gap: 16px;
  --tdab-s1-content-inset-start: 60px;
  --tdab-s1-content-inset-end: 40px;
  /* P0-2: content-sized empty Overview — no blank fixed/min-height heroes. */
  --tdab-s1-hero-min-height: 0;
  --tdab-s1-steps-min-height: 0;
  --tdab-s1-privacy-min-height: 0;
  --tdab-s1-after-privacy-gap: 16px;
  --tdab-s1-score-panel-width: 204px;
  --tdab-s1-score-panel-height: auto;
  --tdab-s1-score-ring-size: 96px;
  --tdab-s1-score-ring-stroke: 1.5px;
  --tdab-s1-score-ring-fill: #d8efe9;
  --tdab-s1-score-panel-bg: #e8f5f2;
  --tdab-s1-mark-size: 32px;

  margin-left: var(--tdab-s1-content-inset-start);
  margin-right: var(--tdab-s1-content-inset-end);
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-body-size);
  line-height: 1.45;
}

.tdab-admin .tdab-s1-header {
  margin: 0 0 var(--tdab-space-8);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s1-lockup {
  display: inline-flex;
  align-items: center;
  gap: var(--tdab-space-12);
  max-width: 100%;
  min-width: 0;
  padding: 10px 16px 10px 10px;
  border-radius: 16px;
  background: var(--tdab-color-secondary);
  border: 1px solid var(--tdab-color-border);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
}

.tdab-admin .tdab-brand-mark-frame {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--tdab-s1-mark-size) + 12px);
  height: calc(var(--tdab-s1-mark-size) + 12px);
  flex: 0 0 auto;
  border-radius: 10px;
  border: 1px solid rgba(8, 127, 111, 0.28);
  background: var(--tdab-color-secondary);
  box-sizing: border-box;
}

.tdab-admin .tdab-s1-mark {
  display: block;
  width: var(--tdab-s1-mark-size);
  height: var(--tdab-s1-mark-size);
  flex: 0 0 var(--tdab-s1-mark-size);
  border-radius: 0;
  object-fit: contain;
}

.tdab-admin .tdab-s1-lockup-text {
  min-width: 0;
  max-width: 100%;
}

.tdab-admin .tdab-s1-title,
.tdab-admin .tdab-brand-wordmark {
  margin: 0;
  font-family: var(--tdab-font-family-display);
  font-size: var(--tdab-s1-title-size);
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1.15;
  background: linear-gradient(92deg, #087f6f 0%, #00dcb9 38%, #00b8ff 72%, #ff6b23 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.tdab-admin .tdab-s1-byline,
.tdab-admin .tdab-brand-byline {
  display: block;
  margin: 2px 0 0;
  color: var(--tdab-color-muted);
  font-family: var(--tdab-font-family-label);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.tdab-admin .tdab-s1-tagline {
  margin: 4px 0 0;
  color: var(--tdab-color-muted);
  font-size: 12px;
  line-height: 1.35;
  max-width: 36rem;
}

.tdab-admin.tdab-app .tdab-s1-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdab-space-12);
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0 0 var(--tdab-space-8);
}

.tdab-admin.tdab-app .tdab-s1-tabs {
  background: var(--tdab-wp-color-card);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  margin-bottom: var(--tdab-space-16);
  padding: 0 var(--tdab-space-8);
}

.tdab-admin .tdab-s1-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 var(--tdab-space-12);
  padding: 0;
  border-bottom: 1px solid var(--tdab-wp-color-border);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s1-tab {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 var(--tdab-space-12);
  margin: 0 0 -1px;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--tdab-wp-color-gray);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-body-size);
  font-weight: var(--tdab-font-weight-regular);
  text-decoration: none;
  box-sizing: border-box;
}

.tdab-admin .tdab-s1-tab:hover,
.tdab-admin .tdab-s1-tab:focus {
  color: var(--tdab-wp-color-ink);
}

.tdab-admin .tdab-s1-tab.is-active,
.tdab-admin .tdab-s1-tab[aria-current='page'] {
  color: var(--tdab-wp-color-teal);
  border-bottom-color: var(--tdab-wp-color-teal);
  font-weight: var(--tdab-font-weight-medium);
}

.tdab-admin .tdab-card.tdab-s1-shell {
  display: flex;
  flex-direction: column;
  gap: var(--tdab-s1-card-gap);
  margin-top: 0;
  margin-bottom: var(--tdab-s1-section-gap);
  background: var(--tdab-wp-color-card);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  padding: var(--tdab-s1-card-padding);
  box-shadow: none;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-body-size);
  line-height: 1.45;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.tdab-admin .tdab-card.tdab-s1-shell.tdab-s1-hero {
  min-height: var(--tdab-s1-hero-min-height);
}

.tdab-admin .tdab-card.tdab-s1-shell.tdab-s1-steps {
  min-height: var(--tdab-s1-steps-min-height);
}

.tdab-admin .tdab-card.tdab-s1-shell.tdab-s1-privacy {
  min-height: var(--tdab-s1-privacy-min-height);
  margin-bottom: 0;
}

.tdab-admin.tdab-admin--s1-empty .tdab-card.tdab-s1-shell.tdab-s1-hero,
.tdab-admin.tdab-admin--s1-empty .tdab-card.tdab-s1-shell.tdab-s1-steps,
.tdab-admin.tdab-admin--s1-empty .tdab-card.tdab-s1-shell.tdab-s1-privacy {
  min-height: 0;
}

/* Trailing spacing after privacy — content-sized (no fabricated fold gap). */
.tdab-admin.tdab-admin--s1-empty .tdab-grid {
  margin-top: var(--tdab-s1-after-privacy-gap);
}

.tdab-admin .tdab-s1-shell h2 {
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: var(--tdab-s1-section-title-size);
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1.3;
}

.tdab-admin .tdab-s1-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--tdab-s1-score-panel-width);
  gap: var(--tdab-space-16);
  align-items: start;
  flex: 0 1 auto;
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s1-hero-copy {
  min-width: 0;
  max-width: 100%;
}

.tdab-admin .tdab-s1-kicker {
  margin: 0 0 var(--tdab-space-4);
  color: var(--tdab-wp-color-teal);
  font-family: var(--tdab-font-family-label);
  font-size: var(--tdab-wp-font-size-label);
  font-weight: var(--tdab-font-weight-medium);
  letter-spacing: var(--tdab-letter-spacing-label);
  text-transform: var(--tdab-text-transform-label);
}

.tdab-admin .tdab-s1-hero .tdab-s1-hero-copy > h2 {
  font-size: var(--tdab-s1-hero-title-size);
  font-weight: var(--tdab-font-weight-medium);
  margin: 0 0 var(--tdab-space-8);
  line-height: 1.25;
}

.tdab-admin .tdab-s1-lead {
  margin: 0 0 var(--tdab-space-8);
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-body-size);
  max-width: 40rem;
}

.tdab-admin .tdab-s1-honesty,
.tdab-admin .tdab-s1-privacy-foot {
  display: flex;
  align-items: flex-start;
  gap: var(--tdab-space-8);
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-small-size);
  line-height: 1.4;
}

.tdab-admin .tdab-s1-honesty-mark {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-top: 0.35em;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--tdab-wp-color-teal);
}

.tdab-admin .tdab-s1-cta {
  margin-top: var(--tdab-space-12);
  align-items: center;
  gap: var(--tdab-space-8);
}

.tdab-admin .tdab-s1-scan-form {
  margin: 0;
}

.tdab-admin .tdab-s1-shell .button,
.tdab-admin .tdab-s1-shell .button-primary,
.tdab-admin .tdab-s1-shell input[type='submit'] {
  min-height: 36px;
  line-height: 1.2;
  font-size: var(--tdab-s1-body-size);
  font-weight: var(--tdab-font-weight-medium);
}

.tdab-admin .tdab-s1-shell .button-primary {
  background: var(--tdab-wp-color-teal);
  border-color: var(--tdab-wp-color-teal);
  color: #fff;
}

.tdab-admin .tdab-s1-shell .button-primary:hover,
.tdab-admin .tdab-s1-shell .button-primary:focus {
  background: #086557;
  border-color: #086557;
  color: #fff;
}

.tdab-admin .tdab-s1-connect.button {
  background: var(--tdab-wp-color-card);
  border-color: var(--tdab-wp-color-border);
  color: var(--tdab-wp-color-ink);
  box-shadow: none;
}

.tdab-admin .tdab-s1-score-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--tdab-space-4);
  width: var(--tdab-s1-score-panel-width);
  height: var(--tdab-s1-score-panel-height);
  min-height: 0;
  padding: var(--tdab-space-12) var(--tdab-space-8);
  border-radius: var(--tdab-wp-radius-card);
  background: var(--tdab-s1-score-panel-bg);
  text-align: center;
  min-width: 0;
  box-sizing: border-box;
}

.tdab-admin.tdab-admin--s1-empty .tdab-s1-score-panel {
  height: auto;
  align-self: start;
}

.tdab-admin .tdab-s1-score-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--tdab-s1-score-ring-size);
  height: var(--tdab-s1-score-ring-size);
  border-radius: 50%;
  border: var(--tdab-s1-score-ring-stroke) solid #c3c4c7;
  background: var(--tdab-s1-score-ring-fill);
  box-sizing: border-box;
}

.tdab-admin .tdab-s1-score-dash {
  color: var(--tdab-wp-color-gray);
  font-family: var(--tdab-font-family-display);
  font-size: 28px;
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1;
}

.tdab-admin .tdab-s1-score-title {
  margin: var(--tdab-space-4) 0 0;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: var(--tdab-s1-body-size);
  font-weight: var(--tdab-font-weight-medium);
}

.tdab-admin .tdab-s1-score-hint {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-small-size);
}

.tdab-admin .tdab-s1-step-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--tdab-space-8);
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1 1 auto;
  align-content: stretch;
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s1-step {
  display: flex;
  align-items: flex-start;
  gap: var(--tdab-space-8);
  margin: 0;
  padding: var(--tdab-space-8) var(--tdab-space-12);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: var(--tdab-wp-color-card);
  min-width: 0;
  min-height: 100%;
  box-sizing: border-box;
}

.tdab-admin .tdab-s1-step.is-current {
  background: var(--tdab-s1-score-panel-bg);
  border-color: #b7ddd5;
}

.tdab-admin .tdab-s1-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 50%;
  border: 1px solid var(--tdab-wp-color-border);
  background: var(--tdab-wp-color-card);
  color: var(--tdab-wp-color-gray);
  font-family: var(--tdab-font-family-label);
  font-size: var(--tdab-wp-font-size-label);
  font-weight: var(--tdab-font-weight-medium);
  box-sizing: border-box;
}

.tdab-admin .tdab-s1-step.is-current .tdab-s1-step-num {
  border-color: var(--tdab-wp-color-teal);
  background: var(--tdab-wp-color-teal);
  color: #fff;
}

.tdab-admin .tdab-s1-step-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.tdab-admin .tdab-s1-step-title {
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-body-size);
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1.3;
}

.tdab-admin .tdab-s1-step-meta {
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-small-size);
  line-height: 1.35;
}

/* Compact mono labels — defeat WP admin `code` gray chip styling */
.tdab-admin .tdab-s1-mono,
.tdab-admin code.tdab-s1-mono {
  font-family: var(--tdab-font-family-label);
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
}

.tdab-admin .tdab-s1-privacy-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tdab-space-12) var(--tdab-space-24);
  flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s1-privacy-subhead {
  margin: 0 0 var(--tdab-space-8);
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-subhead-size);
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1.3;
}

.tdab-admin .tdab-s1-privacy-subhead--outbound {
  color: var(--tdab-wp-color-teal);
}

.tdab-admin .tdab-s1-privacy-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tdab-admin .tdab-s1-privacy-list li {
  position: relative;
  margin: 0 0 var(--tdab-space-8);
  padding-left: 1.5rem;
  color: var(--tdab-wp-color-ink);
  font-size: var(--tdab-s1-body-size);
  line-height: 1.45;
}

.tdab-admin .tdab-s1-privacy-list li:last-child {
  margin-bottom: 0;
}

/* Decorative lock / check markers — text carries meaning; not color-only */
.tdab-admin .tdab-s1-privacy-list--local li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 0.65rem;
  height: 0.5rem;
  border: 1.5px solid var(--tdab-wp-color-gray);
  border-radius: 2px 2px 1px 1px;
  box-sizing: border-box;
}

.tdab-admin .tdab-s1-privacy-list--local li::after {
  content: '';
  position: absolute;
  left: 0.14rem;
  top: 0.15em;
  width: 0.36rem;
  height: 0.22rem;
  border: 1.5px solid var(--tdab-wp-color-gray);
  border-bottom: 0;
  border-radius: 0.3rem 0.3rem 0 0;
  box-sizing: border-box;
}

.tdab-admin .tdab-s1-privacy-list--outbound li::before {
  content: '';
  position: absolute;
  left: 0.15rem;
  top: 0.4em;
  width: 0.4rem;
  height: 0.22rem;
  border-left: 1.5px solid var(--tdab-wp-color-teal);
  border-bottom: 1.5px solid var(--tdab-wp-color-teal);
  transform: rotate(-45deg);
}

.tdab-admin .tdab-s1-privacy-foot {
  margin-top: auto;
  padding-top: var(--tdab-space-12);
  border-top: 1px solid var(--tdab-wp-color-border);
}

/* --- Page 04 Screen 2 (node 54:145) — readiness overview after local scan --- */
/* Reuses Screen 1 content insets, card shell, tabs, type tokens. Exact fonts remain blocked. */

.tdab-admin.tdab-admin--s2 {
  --tdab-s1-title-size: 28px;
  --tdab-s1-hero-title-size: 28px;
  --tdab-s1-section-title-size: 18px;
  --tdab-s1-subhead-size: 14px;
  --tdab-s1-body-size: 14px;
  --tdab-s1-small-size: 12px;
  --tdab-s1-card-padding: 20px;
  --tdab-s1-card-gap: 12px;
  --tdab-s1-section-gap: 16px;
  --tdab-s1-content-inset-start: 60px;
  --tdab-s1-content-inset-end: 40px;
  --tdab-s1-mark-size: 32px;
  --tdab-s2-score-size: 112px;
  /* Figma 54:145 — hero h205; heading y370 / cards y398..471 h73 / body y493 */
  --tdab-s2-hero-min-height: 205px;
  --tdab-s2-after-hero-gap: 26px;
  --tdab-s2-cat-heading-to-grid: 6px;
  --tdab-s2-after-categories-gap: 22px;
  --tdab-s2-category-height: 73px;
  --tdab-s2-category-padding-block: 8px;
  --tdab-s2-category-padding-inline: 16px;
  --tdab-s2-category-gap: 4px;
  --tdab-s2-category-title-line-height: 1.25;
  --tdab-s2-category-meta-line-height: 1.25;

  margin-left: var(--tdab-s1-content-inset-start);
  margin-right: var(--tdab-s1-content-inset-end);
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-body-size);
  line-height: 1.45;
}

/* Source order may differ; paint Overview chrome then dashboard then locked hero rhythm. */
.tdab-admin.tdab-admin--s2 #tdab-admin-main {
  display: flex;
  flex-direction: column;
}

.tdab-admin.tdab-admin--s2 .tdab-s2-header,
.tdab-admin.tdab-admin--s2 .tdab-s1-tabs {
  order: 1;
}

.tdab-admin.tdab-admin--s2 #tdab-admin-notices {
  order: 2;
}

.tdab-admin.tdab-admin--s2 .tdab-status-banner {
  order: 3;
}

.tdab-admin.tdab-admin--s2 .tdab-help-bubble {
  order: 4;
}

.tdab-admin.tdab-admin--s2 .tdab-dash-welcome {
  order: 5;
}

.tdab-admin.tdab-admin--s2 .tdab-dash-metrics {
  order: 6;
}

.tdab-admin.tdab-admin--s2 .tdab-s2-hero {
  order: 10;
}

.tdab-admin.tdab-admin--s2 .tdab-s2-categories {
  order: 20;
}

.tdab-admin.tdab-admin--s2 .tdab-s2-body {
  order: 30;
}

.tdab-admin.tdab-admin--s2 .tdab-card.tdab-readiness {
  order: 40;
  margin-top: var(--tdab-space-8);
}

.tdab-admin.tdab-admin--s2 .tdab-grid {
  order: 50;
}

.tdab-admin .tdab-s2-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdab-space-16);
  flex-wrap: wrap;
}

.tdab-admin .tdab-s2-header-meta {
  display: flex;
  align-items: center;
  gap: var(--tdab-space-12);
  flex-wrap: wrap;
}

.tdab-admin .tdab-s2-last-checked {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-body-size);
}

.tdab-admin .tdab-s2-recheck-form {
  margin: 0;
}

.tdab-admin .tdab-pdf-form {
  margin: 0;
}

.tdab-admin .tdab-pdf-download--disabled {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tdab-space-8);
  margin: 0;
}

.tdab-admin .tdab-pdf-download--disabled .button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.tdab-admin .tdab-s3-toolbar {
  margin: 0 0 var(--tdab-space-12);
}

.tdab-admin .tdab-s2-recheck-form .button {
  min-height: 36px;
  background: var(--tdab-wp-color-card);
  border-color: var(--tdab-wp-color-border);
  color: var(--tdab-wp-color-ink);
  box-shadow: none;
}

.tdab-admin .tdab-card.tdab-s2-hero {
  min-height: var(--tdab-s2-hero-min-height);
  margin-bottom: var(--tdab-s2-after-hero-gap);
}

.tdab-admin .tdab-s2-hero-grid {
  display: grid;
  grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
  gap: var(--tdab-space-24);
  align-items: center;
  flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s2-score {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--tdab-space-8);
  text-align: center;
}

.tdab-admin .tdab-s2-score-ring {
  display: flex;
  align-items: baseline;
  gap: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  box-sizing: border-box;
}

.tdab-admin .tdab-s2-score-value {
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: 28px;
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1;
}

.tdab-admin .tdab-s2-score-denom {
  color: var(--tdab-wp-color-gray);
  font-size: 14px;
  font-weight: var(--tdab-font-weight-regular);
}

.tdab-admin .tdab-s2-band-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f0f6fc;
  color: var(--tdab-wp-color-info);
  font-size: var(--tdab-s1-small-size);
  font-weight: var(--tdab-font-weight-medium);
}

.tdab-admin .tdab-s2-band-pill .tdab-status-glyph {
  color: var(--tdab-wp-color-info);
}

.tdab-admin .tdab-s2-next .tdab-s1-kicker {
  margin-bottom: var(--tdab-space-4);
}

.tdab-admin .tdab-s2-next h2 {
  margin: 0 0 var(--tdab-space-8);
  font-size: var(--tdab-s1-hero-title-size);
  font-weight: var(--tdab-font-weight-medium);
}

.tdab-admin .tdab-s2-next-lead {
  margin: 0 0 var(--tdab-space-12);
  color: var(--tdab-wp-color-gray);
  max-width: 40rem;
}

.tdab-admin .tdab-s2-next-actions {
  margin-top: 0;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--tdab-space-8);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s2-next-actions .button {
  flex: 0 1 auto;
  max-width: 100%;
  white-space: normal;
  text-align: center;
}

.tdab-admin .tdab-s2-next-meta {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-small-size);
  flex: 1 1 12rem;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.tdab-admin .tdab-s2-categories {
  display: flex;
  flex-direction: column;
  gap: var(--tdab-s2-cat-heading-to-grid);
  margin: 0 0 var(--tdab-s2-after-categories-gap);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s2-categories-heading {
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: var(--tdab-s1-section-title-size);
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1.3;
}

.tdab-admin .tdab-s2-category-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--tdab-space-12);
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 1440px) {
  .tdab-admin .tdab-s2-category-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .tdab-admin .tdab-s2-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .tdab-admin .tdab-s2-next-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .tdab-admin .tdab-s2-next-actions .button {
    width: 100%;
  }

  .tdab-admin .tdab-s2-next-meta {
    flex-basis: auto;
  }
}

.tdab-admin .tdab-s2-next {
  min-width: 0;
  max-width: 100%;
}

.tdab-admin .tdab-card.tdab-s2-category {
  margin-bottom: 0;
  gap: var(--tdab-s2-category-gap);
  padding: var(--tdab-s2-category-padding-block) var(--tdab-s2-category-padding-inline);
  min-height: var(--tdab-s2-category-height);
  height: auto;
  box-sizing: border-box;
  justify-content: center;
  overflow: visible;
  line-height: var(--tdab-s2-category-meta-line-height);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s2-category-title,
.tdab-admin .tdab-s2-category-status,
.tdab-admin .tdab-s2-category-action {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.tdab-admin .tdab-s2-category-points,
.tdab-admin .ab-cat-score {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  flex-shrink: 0;
}

.tdab-admin .tdab-s2-category-title {
  margin: 0;
  font-family: var(--tdab-font-family-display);
  font-size: var(--tdab-s1-subhead-size);
  font-weight: var(--tdab-font-weight-medium);
  line-height: var(--tdab-s2-category-title-line-height);
}

.tdab-admin .tdab-s2-category-status {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--tdab-s1-small-size);
  line-height: var(--tdab-s2-category-meta-line-height);
  color: var(--tdab-wp-color-gray);
}

.tdab-admin .tdab-s2-category.has-issues .tdab-s2-category-status .tdab-status-glyph {
  color: #ff6b23;
}

.tdab-admin .tdab-s2-category.is-clear .tdab-s2-category-status .tdab-status-glyph {
  color: var(--tdab-wp-color-success);
}

.tdab-admin .tdab-s2-category-points {
  margin: 0;
  font-size: var(--tdab-s1-small-size);
  line-height: var(--tdab-s2-category-meta-line-height);
}

.tdab-admin .tdab-s2-body {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr);
  gap: var(--tdab-space-16);
  margin-bottom: var(--tdab-s1-section-gap);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s2-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--tdab-space-12);
  flex-wrap: wrap;
}

.tdab-admin .tdab-s2-view-all,
.tdab-admin .tdab-s2-review {
  color: var(--tdab-wp-color-teal);
  text-decoration: none;
  font-weight: var(--tdab-font-weight-medium);
  min-height: 36px;
  display: inline-flex;
  align-items: center;
}

.tdab-admin .tdab-s2-view-all:hover,
.tdab-admin .tdab-s2-review:hover {
  color: #086557;
}

.tdab-admin .tdab-s2-empty {
  margin: 0;
  color: var(--tdab-wp-color-gray);
}

.tdab-admin .tdab-s2-attention-list,
.tdab-admin .tdab-s2-changed-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tdab-admin .tdab-s2-attention-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--tdab-space-12);
  align-items: start;
  padding: var(--tdab-space-12) 0;
  border-top: 1px solid var(--tdab-wp-color-border);
}

.tdab-admin .tdab-s2-attention-item:first-child {
  border-top: 0;
  padding-top: 0;
}

.tdab-admin .tdab-s2-sev {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: var(--tdab-wp-radius-card);
  font-family: var(--tdab-font-family-label);
  font-size: 10px;
  font-weight: var(--tdab-font-weight-bold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tdab-admin .tdab-s2-sev-high {
  background: #fff6e6;
  color: var(--tdab-wp-color-ink);
}

.tdab-admin .tdab-s2-sev-high .tdab-status-glyph {
  color: #ff6b23;
}

.tdab-admin .tdab-s2-sev-medium,
.tdab-admin .tdab-s2-sev-info {
  background: #f0f6fc;
  color: var(--tdab-wp-color-ink);
}

.tdab-admin .tdab-s2-sev-medium .tdab-status-glyph,
.tdab-admin .tdab-s2-sev-info .tdab-status-glyph {
  color: var(--tdab-wp-color-info);
}

.tdab-admin .tdab-s2-attention-title {
  margin: 0 0 2px;
  font-weight: var(--tdab-font-weight-medium);
  color: var(--tdab-wp-color-ink);
}

.tdab-admin .tdab-s2-attention-meta {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-small-size);
}

.tdab-admin .tdab-s2-changed-item {
  display: flex;
  gap: var(--tdab-space-12);
  align-items: flex-start;
  padding: var(--tdab-space-12) 0;
  border-top: 1px solid var(--tdab-wp-color-border);
}

.tdab-admin .tdab-s2-changed-item:first-child {
  border-top: 0;
  padding-top: 0;
}

.tdab-admin .tdab-s2-changed-icon {
  flex: 0 0 16px;
  margin-top: 2px;
}

.tdab-admin .tdab-s2-changed-title {
  margin: 0 0 2px;
  font-weight: var(--tdab-font-weight-medium);
}

.tdab-admin .tdab-s2-changed-meta {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-small-size);
}

/* --- Page 04 Screen 3 (node 57:193) — Findings view --- */
/* Reuses Screen 1/2 insets, tabs, type fallbacks, cards, badges, focus. Exact fonts remain blocked. */
/* Geometry intent @1440: compact triage — content-sized lead (no blank 385px fold). */
/* Filters → lead → list with 8px-scale gaps; widgets retained, not hidden. */

.tdab-admin.tdab-admin--s3 {
  --tdab-s1-title-size: 24px;
  --tdab-s1-hero-title-size: 22px;
  --tdab-s1-section-title-size: 18px;
  --tdab-s1-subhead-size: 14px;
  --tdab-s1-body-size: 14px;
  --tdab-s1-small-size: 12px;
  --tdab-s1-card-padding: 14px;
  --tdab-s1-card-gap: 8px;
  --tdab-s1-section-gap: 16px;
  --tdab-s1-content-inset-start: 60px;
  --tdab-s1-content-inset-end: 40px;
  --tdab-s1-mark-size: 26px;
  --tdab-s3-header-margin-bottom: 4px;
  --tdab-s3-tabs-margin-bottom: 8px;
  --tdab-s3-filter-control-height: 31px;
  --tdab-s3-after-filters-gap: 16px;
  /* P0-3: content-sized priority finding — no blank fixed lead. */
  --tdab-s3-lead-min-height: 0;
  --tdab-s3-after-lead-gap: 16px;
  --tdab-s3-lead-padding-block: 16px;
  --tdab-s3-lead-padding-inline: 16px;
  --tdab-s3-lead-gap: 8px;
  --tdab-s3-evidence-pad: 12px;
  --tdab-s3-evidence-empty-min-height: 0;
  --tdab-s3-row-height: 66px;
  --tdab-s3-evidence-bg: #1d2327;
  --tdab-s3-evidence-fg: #f0f0f1;

  margin-left: var(--tdab-s1-content-inset-start);
  margin-right: var(--tdab-s1-content-inset-end);
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-body-size);
  line-height: 1.4;
}

.tdab-admin.tdab-admin--s3 #tdab-admin-main {
  display: flex;
  flex-direction: column;
}

.tdab-admin.tdab-admin--s3 .tdab-s3-header,
.tdab-admin.tdab-admin--s3 .tdab-s1-tabs {
  order: 1;
}

.tdab-admin.tdab-admin--s3 .tdab-s3-header {
  margin-bottom: var(--tdab-s3-header-margin-bottom);
}

.tdab-admin.tdab-admin--s3 .tdab-s3-header .tdab-s1-lockup {
  align-items: center;
  gap: var(--tdab-space-8);
}

.tdab-admin.tdab-admin--s3 .tdab-s3-header .tdab-s1-title {
  line-height: 1.15;
}

.tdab-admin.tdab-admin--s3 .tdab-s1-tabs {
  margin-bottom: var(--tdab-s3-tabs-margin-bottom);
}

.tdab-admin.tdab-admin--s3 #tdab-admin-notices {
  order: 2;
  margin: 0;
  padding: 0;
}

.tdab-admin.tdab-admin--s3 .tdab-status-banner {
  order: 3;
}

.tdab-admin.tdab-admin--s3 .tdab-help-bubble {
  order: 4;
}

.tdab-admin.tdab-admin--s3 .tdab-app-layout {
  order: 5;
}

.tdab-admin.tdab-admin--s3 .tdab-s3-filters {
  order: 10;
}

.tdab-admin.tdab-admin--s3 .tdab-s3-lead,
.tdab-admin.tdab-admin--s3 .tdab-s3-empty {
  order: 20;
}

.tdab-admin.tdab-admin--s3 .tdab-s3-inventory,
.tdab-admin.tdab-admin--s3 .tdab-s3-list {
  order: 30;
}

.tdab-admin.tdab-admin--s3 .tdab-grid {
  order: 50;
}

.tdab-admin .tdab-s3-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdab-space-8) var(--tdab-space-12);
  margin: 0 0 var(--tdab-s3-after-filters-gap);
  min-height: var(--tdab-s3-filter-control-height);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s3-filter-controls,
.tdab-admin .tdab-s3-search-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tdab-space-8) var(--tdab-space-12);
  margin: 0;
  min-width: 0;
}

.tdab-admin .tdab-s3-filter-field,
.tdab-admin .tdab-s3-search-field {
  margin: 0;
  min-width: 0;
}

.tdab-admin .tdab-s3-filters select,
.tdab-admin .tdab-s3-filters input[type='search'] {
  min-height: var(--tdab-s3-filter-control-height);
  height: var(--tdab-s3-filter-control-height);
  max-width: 100%;
  margin: 0;
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-radius-sm);
  background: var(--tdab-wp-color-card);
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-small-size);
  line-height: 1.2;
  padding: 0 10px;
  box-sizing: border-box;
}

.tdab-admin .tdab-s3-filters .button {
  min-height: var(--tdab-s3-filter-control-height);
  line-height: 1.2;
}

.tdab-admin .tdab-s3-filters input[type='search'] {
  min-width: min(240px, 100%);
}

.tdab-admin .tdab-s3-count {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-small-size);
  white-space: nowrap;
}

.tdab-admin .tdab-card.tdab-s3-lead,
.tdab-admin .tdab-card.tdab-s3-empty {
  gap: var(--tdab-s3-lead-gap);
  padding: var(--tdab-s3-lead-padding-block) var(--tdab-s3-lead-padding-inline);
  margin-bottom: var(--tdab-s3-after-lead-gap);
  min-height: var(--tdab-s3-lead-min-height);
  box-sizing: border-box;
  justify-content: flex-start;
}

.tdab-admin.tdab-admin--s3 .tdab-card.tdab-s3-lead,
.tdab-admin.tdab-admin--s3 .tdab-card.tdab-s3-empty {
  min-height: 0;
}

.tdab-admin .tdab-card.tdab-s3-lead .tdab-s3-evidence {
  flex: 0 1 auto;
}

.tdab-admin .tdab-s3-lead-kicker {
  margin: 0;
  color: var(--tdab-wp-color-teal, #0a7d6b);
  font-family: var(--tdab-font-family-label);
  font-size: var(--tdab-wp-font-size-label, 11px);
  font-weight: var(--tdab-font-weight-medium, 500);
  letter-spacing: var(--tdab-letter-spacing-label, 0.08em);
  text-transform: uppercase;
  line-height: 1.2;
}

.tdab-admin .tdab-s3-lead-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tdab-space-8) var(--tdab-space-12);
  margin: 0;
}

.tdab-admin .tdab-s3-lead-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0;
}

.tdab-admin .tdab-s3-lead-actions .button-primary,
.tdab-admin .tdab-s3-lead-primary {
  background: #0a7d6b;
  border-color: #0a7d6b;
  color: #fff;
}

.tdab-admin .tdab-s3-lead-secondary.button {
  background: #fff;
  border: 1px solid #c3c4c7;
  color: #1d2327;
  box-shadow: none;
  font-weight: 500;
}

.tdab-admin .tdab-s3-sev,
.tdab-admin .tdab-s3-life {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 3px 8px;
  border-radius: var(--tdab-radius-sm);
  font-size: var(--tdab-s1-small-size);
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1.15;
}

.tdab-admin .tdab-s3-sev-high {
  background: #fdf0e8;
  color: #b32d2e;
}

.tdab-admin .tdab-s3-sev-medium {
  background: #fef8ee;
  color: #b26a00;
}

.tdab-admin .tdab-s3-sev-info {
  background: #f0f6fc;
  color: var(--tdab-wp-color-info);
}

.tdab-admin .tdab-s3-life-observed {
  background: #f0f0f1;
  color: var(--tdab-wp-color-gray);
}

.tdab-admin .tdab-s3-life-verified {
  background: #edf7f4;
  color: var(--tdab-wp-color-teal);
}

.tdab-admin .tdab-s3-life-passing,
.tdab-admin .tdab-s3-life-pending_recheck,
.tdab-admin .tdab-s3-life-stale {
  background: #f0f6fc;
  color: var(--tdab-wp-color-info);
}

.tdab-admin .tdab-s3-cat {
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-body-size);
}

.tdab-admin .tdab-s3-lead-meta .tdab-s3-life {
  margin-left: auto;
}

.tdab-admin .tdab-s3-lead h2 {
  margin: 0;
  font-size: var(--tdab-s1-hero-title-size);
  line-height: 1.25;
}

.tdab-admin .tdab-s3-lead-why,
.tdab-admin .tdab-s3-empty-lead {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  max-width: 48rem;
  line-height: 1.35;
}

.tdab-admin .tdab-s3-evidence {
  margin: 0;
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s3-evidence--quiet {
  border: 1px solid var(--tdab-wp-color-border, #dcdcde);
  border-radius: var(--tdab-wp-radius-card);
  padding: 0;
  background: #f6f7f7;
}

.tdab-admin .tdab-s3-evidence-summary,
.tdab-admin .tdab-s3-more-actions > summary {
  cursor: pointer;
  padding: var(--tdab-space-8) var(--tdab-space-12);
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-small-size);
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1.3;
}

.tdab-admin .tdab-s3-evidence-panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--tdab-space-12);
  padding: 0 var(--tdab-space-12) var(--tdab-space-12);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s3-more-actions {
  margin: 0;
  max-width: 100%;
}

.tdab-admin .tdab-s3-more-actions-body {
  padding: 0 0 var(--tdab-space-4);
  align-items: center;
  flex-wrap: wrap;
  gap: var(--tdab-space-8) var(--tdab-space-12);
}

.tdab-admin .tdab-s3-evidence-panel {
  min-width: 0;
  max-width: 100%;
}

.tdab-admin .tdab-s3-evidence-label {
  margin: 0 0 var(--tdab-space-4);
  color: var(--tdab-wp-color-teal);
  font-family: var(--tdab-font-family-label);
  font-size: var(--tdab-s1-small-size);
  font-weight: var(--tdab-font-weight-medium);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
}

.tdab-admin .tdab-s3-evidence-code {
  margin: 0;
  padding: var(--tdab-s3-evidence-pad);
  border-radius: var(--tdab-wp-radius-card);
  background: var(--tdab-s3-evidence-bg);
  color: var(--tdab-s3-evidence-fg);
  font-family: var(--tdab-font-family-label);
  font-size: var(--tdab-s1-small-size);
  line-height: 1.4;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
  box-sizing: border-box;
}

.tdab-admin .tdab-s3-evidence-empty {
  margin: 0;
  padding: var(--tdab-s3-evidence-pad);
  border-radius: var(--tdab-wp-radius-card);
  background: var(--tdab-s3-evidence-bg);
  color: #a7aaad;
  font-size: var(--tdab-s1-small-size);
  line-height: 1.4;
  min-height: var(--tdab-s3-evidence-empty-min-height);
  box-sizing: border-box;
}

.tdab-admin .tdab-s3-recheck-form {
  margin: 0;
}

.tdab-admin .tdab-s3-recheck-note {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-small-size);
  line-height: 1.3;
}

.tdab-admin .tdab-s3-tech {
  margin: 0;
  border-top: 1px solid var(--tdab-wp-color-border);
  padding-top: var(--tdab-space-8);
}

.tdab-admin .tdab-s3-tech > summary {
  cursor: pointer;
  font-weight: var(--tdab-font-weight-medium);
  color: var(--tdab-wp-color-ink);
  list-style: none;
  line-height: 1.3;
}

.tdab-admin .tdab-s3-tech > summary::-webkit-details-marker {
  display: none;
}

.tdab-admin .tdab-s3-tech-hint {
  display: block;
  margin-top: 2px;
  color: var(--tdab-wp-color-gray);
  font-weight: var(--tdab-font-weight-regular);
  font-size: var(--tdab-s1-small-size);
}

.tdab-admin .tdab-s3-tech-body {
  margin-top: var(--tdab-space-8);
}

.tdab-admin .tdab-s3-list {
  list-style: none;
  margin: 0 0 var(--tdab-s1-section-gap);
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tdab-space-8);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s3-inventory {
  margin: 0 0 var(--tdab-s1-section-gap);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s3-inventory .tdab-s2-section-head {
  margin-bottom: 8px;
}

.tdab-admin .tdab-s3-row {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  min-height: 0;
  background: var(--tdab-wp-color-card);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.tdab-admin .tdab-s3-row-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: var(--tdab-space-12);
  align-items: center;
  margin: 0;
  padding: 10px var(--tdab-space-16);
  min-height: var(--tdab-s3-row-height);
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s3-row--audit .tdab-s3-row-summary {
  grid-template-columns: minmax(0, 1fr) auto;
}

.tdab-admin .tdab-s3-row.is-warning {
  background: #fff8f1;
  border-color: #f0c5a0;
}

.tdab-admin .tdab-s3-row-title {
  margin: 0 0 2px;
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1.25;
}

.tdab-admin .tdab-s3-row-meta {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-small-size);
  line-height: 1.25;
}

.tdab-admin .tdab-s3-row-disclose {
  margin: 0;
  border-top: 1px solid var(--tdab-wp-color-border);
  background: #fafbfc;
}

.tdab-admin .tdab-s3-row-disclose > summary {
  cursor: pointer;
  list-style: none;
  padding: 8px var(--tdab-space-16);
  color: var(--tdab-wp-color-teal, #0a7d6b);
  font-size: var(--tdab-s1-small-size);
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1.3;
}

.tdab-admin .tdab-s3-row-disclose > summary::-webkit-details-marker {
  display: none;
}

.tdab-admin .tdab-s3-row-disclose-body {
  padding: 0 var(--tdab-space-16) 12px;
  display: grid;
  gap: 6px;
}

.tdab-admin .tdab-s3-row-disclose-body p {
  margin: 0;
  font-size: var(--tdab-s1-small-size);
  line-height: 1.4;
}

.tdab-admin .tdab-s3-row-evidence {
  margin: 0;
  padding-left: 1.15em;
  font-size: var(--tdab-s1-small-size);
  line-height: 1.4;
}

.tdab-admin .tdab-s3-row-local-note {
  margin: 4px 0 0;
}

.tdab-admin .tdab-s3-review {
  color: var(--tdab-wp-color-teal);
  text-decoration: none;
  font-weight: var(--tdab-font-weight-medium);
  min-height: 36px;
  display: inline-flex;
  align-items: center;
}

.tdab-admin .tdab-s3-review:hover {
  color: #086557;
}

/* --- Page 04 Screen 4 (node 60:329) — Content & intent --- */
/* Reuses Screen 1–3 insets, tabs, type fallbacks, focus. Exact fonts remain blocked. */
/* Geometry intent @1440: content x240..1400; mark/title 26/24; inventory ~y182; rows ~66; radius 8. */

.tdab-admin.tdab-admin--s4 {
  --tdab-s1-title-size: 24px;
  --tdab-s1-hero-title-size: 22px;
  --tdab-s1-section-title-size: 18px;
  --tdab-s1-subhead-size: 14px;
  --tdab-s1-body-size: 14px;
  --tdab-s1-small-size: 12px;
  --tdab-s1-card-padding: 14px;
  --tdab-s1-card-gap: 8px;
  --tdab-s1-section-gap: 16px;
  --tdab-s1-content-inset-start: 60px;
  --tdab-s1-content-inset-end: 40px;
  --tdab-s1-mark-size: 26px;
  --tdab-s4-header-margin-bottom: 4px;
  --tdab-s4-tabs-margin-bottom: 8px;
  --tdab-s4-intro-margin-bottom: 11px;
  --tdab-s4-panel-radius: 8px;
  --tdab-s4-row-height: 66px;
  --tdab-s4-footer-bg: #e8f6f3;
  --tdab-s4-type-bg: #f0f0f1;
  --tdab-s4-inclusion-bg: #edf7f5;

  margin-left: var(--tdab-s1-content-inset-start);
  margin-right: var(--tdab-s1-content-inset-end);
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-body-size);
  line-height: 1.4;
}

.tdab-admin.tdab-admin--s4 #tdab-admin-main {
  display: flex;
  flex-direction: column;
}

.tdab-admin.tdab-admin--s4 .tdab-s4-header,
.tdab-admin.tdab-admin--s4 .tdab-s1-tabs {
  order: 1;
}

.tdab-admin.tdab-admin--s4 .tdab-s4-header {
  margin-bottom: var(--tdab-s4-header-margin-bottom);
}

.tdab-admin.tdab-admin--s4 .tdab-s4-header .tdab-s1-lockup {
  align-items: center;
  gap: var(--tdab-space-8);
}

.tdab-admin.tdab-admin--s4 .tdab-s4-header .tdab-s1-title {
  line-height: 1.15;
}

.tdab-admin.tdab-admin--s4 .tdab-s1-tabs {
  margin-bottom: var(--tdab-s4-tabs-margin-bottom);
}

.tdab-admin.tdab-admin--s4 #tdab-admin-notices {
  order: 2;
  margin: 0;
  padding: 0;
}

.tdab-admin.tdab-admin--s4 .tdab-status-banner {
  order: 3;
}

.tdab-admin.tdab-admin--s4 .tdab-help-bubble {
  order: 4;
}

.tdab-admin.tdab-admin--s4 .tdab-app-layout {
  order: 5;
}

.tdab-admin.tdab-admin--s4 .tdab-s4-intro {
  order: 10;
}

.tdab-admin.tdab-admin--s4 .tdab-s4-panel {
  order: 20;
}

.tdab-admin.tdab-admin--s4 .tdab-grid {
  order: 50;
}

.tdab-admin .tdab-s4-intro {
  margin: 0 0 var(--tdab-s4-intro-margin-bottom);
  max-width: 52rem;
  color: var(--tdab-wp-color-gray);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-body-size);
  line-height: 1.45;
}

.tdab-admin .tdab-s4-panel {
  margin: 0;
  background: var(--tdab-wp-color-card);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-s4-panel-radius);
  overflow: hidden;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.tdab-admin .tdab-s4-empty {
  display: flex;
  flex-direction: column;
  gap: var(--tdab-space-8);
  padding: var(--tdab-space-24) var(--tdab-space-16);
}

.tdab-admin .tdab-s4-empty p {
  margin: 0;
}

.tdab-admin .tdab-s4-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.tdab-admin .tdab-s4-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
}

.tdab-admin .tdab-s4-table th,
.tdab-admin .tdab-s4-table td {
  box-sizing: border-box;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid var(--tdab-wp-color-border);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.tdab-admin .tdab-s4-table thead th {
  padding: 10px 12px;
  color: var(--tdab-wp-color-gray);
  font-family: var(--tdab-font-family-label);
  font-size: var(--tdab-wp-font-size-label);
  font-weight: var(--tdab-font-weight-medium);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: #fafafa;
}

.tdab-admin .tdab-s4-table tbody tr {
  height: var(--tdab-s4-row-height);
}

.tdab-admin .tdab-s4-table tbody td {
  height: var(--tdab-s4-row-height);
  padding: 6px 12px;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-small-size);
  line-height: 1.25;
}

.tdab-admin .tdab-s4-col-check {
  width: 40px;
  text-align: center;
}

.tdab-admin .tdab-s4-col-check input[type='checkbox'] {
  margin: 0;
  width: 16px;
  height: 16px;
}

.tdab-admin .tdab-s4-col-page {
  min-width: 0;
}

.tdab-admin .tdab-s4-page-title {
  display: block;
  font-weight: var(--tdab-font-weight-medium);
  color: var(--tdab-wp-color-ink);
}

.tdab-admin .tdab-s4-page-path {
  display: block;
  margin-top: 2px;
  color: var(--tdab-wp-color-gray);
  font-family: var(--tdab-font-family-label);
  font-size: 11px;
  background: transparent;
  padding: 0;
}

.tdab-admin .tdab-s4-type {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--tdab-s4-type-bg);
  color: var(--tdab-wp-color-gray);
  font-family: var(--tdab-font-family-label);
  font-size: 11px;
  line-height: 1.3;
}

.tdab-admin .tdab-s4-inclusion {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 4px;
  font-family: var(--tdab-font-family-label);
  font-size: 11px;
  line-height: 1.3;
  font-weight: var(--tdab-font-weight-medium);
}

.tdab-admin .tdab-s4-inclusion-yes {
  background: var(--tdab-s4-inclusion-bg);
  color: var(--tdab-wp-color-teal);
}

.tdab-admin .tdab-s4-inclusion-no {
  background: var(--tdab-s4-type-bg);
  color: var(--tdab-wp-color-gray);
}

.tdab-admin .tdab-s4-inclusion-note {
  display: block;
  margin-top: 2px;
  color: var(--tdab-wp-color-gray);
  font-size: 11px;
}

.tdab-admin .tdab-s4-unconfigured {
  color: var(--tdab-wp-color-gray);
}

.tdab-admin .tdab-s4-configure {
  display: inline-block;
  margin-left: 6px;
  color: var(--tdab-wp-color-teal);
  text-decoration: none;
  font-weight: var(--tdab-font-weight-medium);
}

.tdab-admin .tdab-s4-configure:hover,
.tdab-admin .tdab-s4-configure:focus {
  color: #086557;
  text-decoration: underline;
}

.tdab-admin .tdab-s4-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdab-space-12);
  padding: 12px 16px;
  background: var(--tdab-s4-footer-bg);
  border-top: 1px solid var(--tdab-wp-color-border);
}

.tdab-admin .tdab-s4-summary {
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-small-size);
}

.tdab-admin .tdab-s4-footer-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tdab-space-8);
  margin: 0;
}

.tdab-admin .tdab-s4-generate-form {
  margin: 0;
}

.tdab-admin .tdab-s4-generate-note,
.tdab-admin .tdab-s4-generate-blocked {
  margin: 0;
  max-width: 22rem;
  font-size: 11px;
  line-height: 1.35;
}

.tdab-admin .tdab-s4-generate-blocked {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tdab-space-8);
}

.tdab-admin .tdab-s4-footer-actions .button-primary {
  background: var(--tdab-wp-color-teal);
  border-color: var(--tdab-wp-color-teal);
}

.tdab-admin .tdab-s4-footer-actions .button:focus,
.tdab-admin .tdab-s4-table input[type='checkbox']:focus,
.tdab-admin .tdab-s4-configure:focus {
  outline: 2px solid var(--tdab-wp-color-info);
  outline-offset: 2px;
}

/* --- Page 04 Screen 5 (node 61:289) — Artifacts --- */
/* Reuses Screen 1–4 shell/tabs/insets/focus. Exact fonts remain blocked. */
/* Geometry intent @1440×1084: content x240..1400; mark/title 26/24; two 8px cards; dark previews. */

.tdab-admin.tdab-admin--s5 {
  --tdab-s1-title-size: 24px;
  --tdab-s1-hero-title-size: 22px;
  --tdab-s1-section-title-size: 18px;
  --tdab-s1-subhead-size: 14px;
  --tdab-s1-body-size: 14px;
  --tdab-s1-small-size: 12px;
  --tdab-s1-card-padding: 14px;
  --tdab-s1-card-gap: 8px;
  --tdab-s1-section-gap: 16px;
  --tdab-s1-content-inset-start: 60px;
  --tdab-s1-content-inset-end: 40px;
  --tdab-s1-mark-size: 26px;
  --tdab-s5-header-margin-bottom: 4px;
  --tdab-s5-tabs-margin-bottom: 8px;
  --tdab-s5-intro-margin-bottom: 11px;
  --tdab-s5-card-radius: 8px;
  --tdab-s5-card-gap: 20px;
  --tdab-s5-card-padding: 16px;
  --tdab-s5-code-bg: #1d2327;
  --tdab-s5-code-fg: #f0f0f1;
  --tdab-s5-code-min-height: 160px;
  --tdab-s5-warn-bg: #fff6e6;
  --tdab-s5-warn-border: #e0902b;
  --tdab-s5-conflict-bg: #fcf0f1;
  --tdab-s5-conflict-border: #b32d2e;

  margin-left: var(--tdab-s1-content-inset-start);
  margin-right: var(--tdab-s1-content-inset-end);
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-body-size);
  line-height: 1.4;
}

.tdab-admin.tdab-admin--s5 #tdab-admin-main {
  display: flex;
  flex-direction: column;
}

.tdab-admin.tdab-admin--s5 .tdab-s5-header,
.tdab-admin.tdab-admin--s5 .tdab-s1-tabs {
  order: 1;
}

.tdab-admin.tdab-admin--s5 .tdab-s5-header {
  margin-bottom: var(--tdab-s5-header-margin-bottom);
}

.tdab-admin.tdab-admin--s5 .tdab-s5-header .tdab-s1-lockup {
  align-items: center;
  gap: var(--tdab-space-8);
}

.tdab-admin.tdab-admin--s5 .tdab-s5-header .tdab-s1-title {
  line-height: 1.15;
}

.tdab-admin.tdab-admin--s5 .tdab-s1-tabs {
  margin-bottom: var(--tdab-s5-tabs-margin-bottom);
}

.tdab-admin.tdab-admin--s5 #tdab-admin-notices {
  order: 2;
  margin: 0;
  padding: 0;
}

.tdab-admin.tdab-admin--s5 .tdab-s5-intro {
  order: 10;
}

.tdab-admin.tdab-admin--s5 .tdab-s5-cards {
  order: 20;
}

.tdab-admin.tdab-admin--s5 .tdab-s5-conflict,
.tdab-admin.tdab-admin--s5 .tdab-s5-kill-note,
.tdab-admin.tdab-admin--s5 .tdab-s5-footnote {
  order: 30;
}

.tdab-admin .tdab-s5-intro {
  margin: 0 0 var(--tdab-s5-intro-margin-bottom);
  max-width: 52rem;
  color: var(--tdab-wp-color-gray);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-body-size);
  line-height: 1.45;
}

.tdab-admin .tdab-s5-cards {
  display: flex;
  flex-direction: column;
  gap: var(--tdab-s5-card-gap);
  margin: 0 0 var(--tdab-s1-section-gap);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s5-card {
  display: flex;
  flex-direction: column;
  gap: var(--tdab-space-12);
  margin: 0;
  padding: var(--tdab-s5-card-padding);
  background: var(--tdab-wp-color-card);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-s5-card-radius);
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.tdab-admin .tdab-s5-card-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tdab-space-12);
}

.tdab-admin .tdab-s5-card-title {
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: var(--tdab-s1-section-title-size);
  font-weight: var(--tdab-font-weight-bold);
  line-height: 1.25;
}

.tdab-admin .tdab-s5-card-title code {
  font-family: var(--tdab-font-family-label);
  background: transparent;
  padding: 0;
}

.tdab-admin .tdab-s5-card-url {
  margin: 4px 0 0;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-small-size);
  overflow-wrap: anywhere;
}

.tdab-admin .tdab-s5-card-url code {
  font-family: var(--tdab-font-family-label);
  background: transparent;
  padding: 0;
  color: inherit;
}

.tdab-admin .tdab-s5-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 4px 10px;
  border-radius: 4px;
  font-family: var(--tdab-font-family-label);
  font-size: 11px;
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1.3;
  white-space: nowrap;
}

.tdab-admin .tdab-s5-badge-published,
.tdab-admin .tdab-s5-badge-published_verified {
  background: #edfaef;
  color: var(--tdab-wp-color-success);
}

.tdab-admin .tdab-s5-badge-published_stale,
.tdab-admin .tdab-s5-badge-preview_stale {
  background: var(--tdab-s5-warn-bg);
  color: var(--tdab-wp-color-ink);
}

.tdab-admin .tdab-s5-badge-preview_ready {
  background: #f0f6fc;
  color: var(--tdab-wp-color-info);
}

.tdab-admin .tdab-s5-badge-unavailable,
.tdab-admin .tdab-s5-badge-cap_blocked {
  background: #f0f0f1;
  color: var(--tdab-wp-color-gray);
}

.tdab-admin .tdab-s5-warn {
  margin: 0;
  padding: 10px 12px;
  background: var(--tdab-s5-warn-bg);
  border: 1px solid var(--tdab-s5-warn-border);
  border-radius: var(--tdab-radius-sm);
  color: var(--tdab-wp-color-ink);
  font-size: var(--tdab-s1-small-size);
}

.tdab-admin .tdab-s5-empty {
  margin: 0;
  padding: var(--tdab-space-16);
  background: #f6f7f7;
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-radius-sm);
}

.tdab-admin .tdab-s5-empty p {
  margin: 0 0 var(--tdab-space-8);
}

.tdab-admin .tdab-s5-empty p:last-child {
  margin-bottom: 0;
}

.tdab-admin .tdab-s5-code {
  margin: 0;
  padding: 12px;
  min-height: var(--tdab-s5-code-min-height);
  max-height: 280px;
  overflow: auto;
  background: var(--tdab-s5-code-bg);
  color: var(--tdab-s5-code-fg);
  border-radius: var(--tdab-radius-sm);
  font-family: var(--tdab-font-family-label);
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.tdab-admin .tdab-s5-code:focus {
  outline: 2px solid var(--tdab-wp-color-info);
  outline-offset: 2px;
}

.tdab-admin .tdab-s5-card-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdab-space-12);
}

.tdab-admin .tdab-s5-card-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tdab-space-8);
  margin: 0;
}

.tdab-admin .tdab-s5-generate-form,
.tdab-admin .tdab-s5-publish-form {
  margin: 0;
}

.tdab-admin .tdab-s5-copy {
  display: inline-flex;
  margin: 0;
  max-width: 100%;
}

.tdab-admin .tdab-s5-copy-input {
  min-width: 12rem;
  max-width: 100%;
  font-family: var(--tdab-font-family-label);
  font-size: 11px;
}

.tdab-admin .tdab-s5-copy-hint {
  font-size: 11px;
}

.tdab-admin .tdab-s5-disable {
  color: var(--tdab-wp-color-error);
  text-decoration: none;
  font-weight: var(--tdab-font-weight-medium);
  min-height: 36px;
  display: inline-flex;
  align-items: center;
}

.tdab-admin .tdab-s5-disable:hover,
.tdab-admin .tdab-s5-disable:focus {
  color: #8a2424;
  text-decoration: underline;
}

.tdab-admin .tdab-s5-meta {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-small-size);
}

.tdab-admin .tdab-s5-conflict {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--tdab-space-12);
  margin: 0 0 var(--tdab-s1-section-gap);
  padding: var(--tdab-space-16);
  background: var(--tdab-s5-conflict-bg);
  border: 1px solid var(--tdab-s5-conflict-border);
  border-radius: var(--tdab-s5-card-radius);
  box-sizing: border-box;
}

.tdab-admin .tdab-s5-conflict-copy {
  flex: 1 1 16rem;
  min-width: 0;
}

.tdab-admin .tdab-s5-conflict-copy h2 {
  margin: 0 0 var(--tdab-space-8);
  color: var(--tdab-wp-color-error);
  font-family: var(--tdab-font-family-display);
  font-size: var(--tdab-s1-subhead-size);
  font-weight: var(--tdab-font-weight-bold);
}

.tdab-admin .tdab-s5-conflict-copy p,
.tdab-admin .tdab-s5-conflict-note {
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-size: var(--tdab-s1-small-size);
}

.tdab-admin .tdab-s5-conflict-note {
  flex: 1 1 100%;
  color: var(--tdab-wp-color-gray);
}

.tdab-admin .tdab-s5-kill-note,
.tdab-admin .tdab-s5-footnote {
  margin: 0 0 var(--tdab-space-8);
  font-size: var(--tdab-s1-small-size);
}

.tdab-admin .tdab-s5-card-actions .button:focus,
.tdab-admin .tdab-s5-copy-input:focus,
.tdab-admin .tdab-s5-disable:focus {
  outline: 2px solid var(--tdab-wp-color-info);
  outline-offset: 2px;
}

/* --- Page 04 Screen 6 (node 63:351) — Privacy --- */
/* Geometry intent @1440×749: content x240 w1160; connection y127 h75; panels y221; columns x241–950 / x971–1398. */
/* Measured correction: tabs→connection ~6px; connection→panels ~20px; code panel total ~250px. */
/* Exact fonts remain blocked — named stacks only. */

.tdab-admin.tdab-admin--s6 {
  --tdab-s1-title-size: 24px;
  --tdab-s1-body-size: 14px;
  --tdab-s1-small-size: 12px;
  --tdab-s1-content-inset-start: 60px;
  --tdab-s1-content-inset-end: 40px;
  --tdab-s1-mark-size: 26px;
  --tdab-s6-header-margin-bottom: 2px;
  --tdab-s6-tabs-margin-bottom: 6px;
  --tdab-s6-connection-height: 75px;
  --tdab-s6-connection-margin-bottom: 20px;
  --tdab-s6-panel-gap: 18px;
  --tdab-s6-panel-right-width: 430px;
  --tdab-s6-panel-padding: 24px;
  --tdab-s6-panel-radius: 8px;
  --tdab-s6-border: #dcdcde;
  --tdab-s6-code-bg: #1d2327;
  --tdab-s6-code-fg: #f0f0f1;
  --tdab-s6-payload-max-height: 250px;
  --tdab-s6-consent-bg: #e6f5f2;
  --tdab-s6-consent-border: #b8ddd5;
  --tdab-s6-panel-title-size: 16px;
  --tdab-s6-panel-lead-size: 13px;
  --tdab-s6-connection-title-size: 16px;
  --tdab-s6-connection-sub-size: 13px;
  --tdab-s6-never-list-size: 13.5px;

  margin-left: var(--tdab-s1-content-inset-start);
  margin-right: var(--tdab-s1-content-inset-end);
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-body-size);
  line-height: 1.4;
}

.tdab-admin.tdab-admin--s6 #tdab-admin-main {
  display: flex;
  flex-direction: column;
}

.tdab-admin.tdab-admin--s6 .tdab-s6-header,
.tdab-admin.tdab-admin--s6 .tdab-s1-tabs {
  order: 1;
}

.tdab-admin.tdab-admin--s6 .tdab-s6-header {
  margin-bottom: var(--tdab-s6-header-margin-bottom);
}

.tdab-admin.tdab-admin--s6 .tdab-s6-header .tdab-s1-lockup {
  align-items: center;
  gap: var(--tdab-space-8);
}

.tdab-admin.tdab-admin--s6 .tdab-s6-header .tdab-s1-title {
  line-height: 1.15;
}

.tdab-admin.tdab-admin--s6 .tdab-s1-tabs {
  margin-bottom: var(--tdab-s6-tabs-margin-bottom);
}

.tdab-admin.tdab-admin--s6 #tdab-admin-notices {
  order: 2;
  margin: 0;
  padding: 0;
}

.tdab-admin.tdab-admin--s6 .tdab-s6-connection {
  order: 10;
}

.tdab-admin.tdab-admin--s6 .tdab-s6-panels {
  order: 20;
}

.tdab-admin .tdab-s6-connection {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdab-space-12);
  box-sizing: border-box;
  min-height: var(--tdab-s6-connection-height);
  margin: 0 0 var(--tdab-s6-connection-margin-bottom);
  padding: 10px 16px;
  background: var(--tdab-wp-color-card);
  border: 1px solid var(--tdab-s6-border);
  border-radius: var(--tdab-s6-panel-radius);
}

.tdab-admin .tdab-s6-connection-copy {
  min-width: 0;
  flex: 1 1 16rem;
}

.tdab-admin .tdab-s6-connection-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: var(--tdab-s6-connection-title-size);
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1.3;
}

.tdab-admin .tdab-s6-connection-glyph {
  display: inline-flex;
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--tdab-wp-color-border);
  box-sizing: border-box;
  background:
    radial-gradient(circle at center, var(--tdab-wp-color-gray) 0 3px, transparent 3.5px);
}

.tdab-admin .tdab-s6-connection-glyph-connected {
  border-color: var(--tdab-wp-color-success);
  background:
    radial-gradient(circle at center, var(--tdab-wp-color-success) 0 3px, transparent 3.5px);
}

.tdab-admin .tdab-s6-connection-sub {
  margin: 2px 0 0;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s6-connection-sub-size);
  line-height: 1.35;
}

.tdab-admin .tdab-s6-connection-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tdab-space-8);
}

.tdab-admin .tdab-s6-prepare-form,
.tdab-admin .tdab-s6-disconnect-form,
.tdab-admin .tdab-s6-sync-form {
  margin: 0;
}

.tdab-admin .tdab-s6-disconnect,
.tdab-admin a.tdab-s6-disconnect {
  color: var(--tdab-wp-color-error);
  text-decoration: none;
  font-size: 13px;
  font-weight: var(--tdab-font-weight-medium);
  background: transparent;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  padding: 4px 6px;
  min-height: var(--tdab-wp-control-height);
}

.tdab-admin .tdab-s6-disconnect:hover,
.tdab-admin .tdab-s6-disconnect:focus,
.tdab-admin a.tdab-s6-disconnect:hover,
.tdab-admin a.tdab-s6-disconnect:focus {
  color: #8a2424;
  text-decoration: underline;
}

.tdab-admin .tdab-s6-disconnect--muted {
  color: var(--tdab-wp-color-gray);
  pointer-events: none;
}

.tdab-admin .tdab-s6-panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--tdab-s6-panel-right-width);
  gap: var(--tdab-s6-panel-gap);
  align-items: start;
}

.tdab-admin .tdab-s6-panel {
  box-sizing: border-box;
  margin: 0;
  padding: var(--tdab-s6-panel-padding);
  background: var(--tdab-wp-color-card);
  border: 1px solid var(--tdab-s6-border);
  border-radius: var(--tdab-s6-panel-radius);
  min-width: 0;
}

.tdab-admin .tdab-s6-panel h2 {
  margin: 0 0 8px;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: var(--tdab-s6-panel-title-size);
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1.25;
}

.tdab-admin .tdab-s6-panel-lead {
  margin: 0 0 14px;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s6-panel-lead-size);
  line-height: 1.48;
}

.tdab-admin .tdab-s6-draft-note {
  margin: 0 0 10px;
  padding: 8px 10px;
  background: #fff6e6;
  border: 1px solid #e0902b;
  border-radius: 6px;
  color: var(--tdab-wp-color-ink);
  font-size: var(--tdab-s1-small-size);
}

.tdab-admin .tdab-s6-empty {
  margin: 0 0 14px;
  padding: 16px;
  border: 1px dashed var(--tdab-s6-border);
  border-radius: 6px;
}

.tdab-admin .tdab-s6-empty p {
  margin: 0 0 6px;
}

.tdab-admin .tdab-s6-empty p:last-child {
  margin-bottom: 0;
}

.tdab-admin .tdab-s6-payload {
  box-sizing: border-box;
  margin: 0 0 16px;
  padding: 14px 16px;
  max-height: var(--tdab-s6-payload-max-height);
  overflow: auto;
  background: var(--tdab-s6-code-bg);
  color: var(--tdab-s6-code-fg);
  border-radius: 6px;
  font-family: var(--tdab-font-family-label);
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
}

.tdab-admin .tdab-s6-payload:focus {
  outline: 2px solid var(--tdab-wp-color-info);
  outline-offset: 2px;
}

.tdab-admin .tdab-s6-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  background: var(--tdab-s6-consent-bg);
  border: 1px solid var(--tdab-s6-consent-border);
  border-radius: 6px;
}

.tdab-admin .tdab-s6-consent input[type='checkbox'] {
  flex: 0 0 auto;
  margin: 2px 0 0;
  width: 1rem;
  height: 1rem;
}

.tdab-admin .tdab-s6-consent label {
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-size: 13px;
  line-height: 1.4;
  cursor: pointer;
}

.tdab-admin .tdab-s6-panel-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tdab-space-8);
}

.tdab-admin .tdab-s6-prepare-form--panel {
  margin-top: 10px;
}

.tdab-admin .tdab-s6-footnote {
  margin: 12px 0 0;
  font-size: var(--tdab-s1-small-size);
}

.tdab-admin .tdab-s6-never-list {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

.tdab-admin .tdab-s6-never-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 10px;
  color: var(--tdab-wp-color-ink);
  font-size: var(--tdab-s6-never-list-size);
  line-height: 1.35;
}

.tdab-admin .tdab-s6-never-list li:last-child {
  margin-bottom: 0;
}

.tdab-admin .tdab-s6-never-x {
  flex: 0 0 auto;
  width: 1.1em;
  color: var(--tdab-wp-color-gray);
  font-size: 16px;
  font-weight: var(--tdab-font-weight-bold);
  line-height: 1.2;
}

.tdab-admin .tdab-s6-never-foot {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-s1-small-size);
  line-height: 1.4;
}

.tdab-admin .tdab-s6-connection .button:focus,
.tdab-admin .tdab-s6-panel-actions .button:focus,
.tdab-admin .tdab-s6-disconnect:focus,
.tdab-admin .tdab-s6-consent input[type='checkbox']:focus {
  outline: 2px solid var(--tdab-wp-color-info);
  outline-offset: 2px;
}

/* --- Page 04 Screen 7 (node 64:404) — Safety --- */
/* Geometry intent @1440×936: content x240 w1160; notice; kill card; 3 equal cards; uninstall; danger zone. */
/* Exact fonts remain blocked — named stacks only. Freeze: no invented handlers. */

.tdab-admin.tdab-admin--s7 {
  --tdab-s1-title-size: 24px;
  --tdab-s1-body-size: 14px;
  --tdab-s1-small-size: 12px;
  --tdab-s1-content-inset-start: 60px;
  --tdab-s1-content-inset-end: 40px;
  --tdab-s1-mark-size: 26px;
  --tdab-s7-header-margin-bottom: 0;
  --tdab-s7-tabs-margin-bottom: 6px;
  --tdab-s7-section-gap: 16px;
  --tdab-s7-kill-min-height: 110px;
  --tdab-s7-card-radius: 8px;
  --tdab-s7-card-padding: 20px 24px;
  --tdab-s7-border: #dcdcde;
  --tdab-s7-notice-bg: #f0f6fc;
  --tdab-s7-notice-border: #c5d9ed;
  --tdab-s7-notice-ink: #1d2327;
  --tdab-s7-danger-bg: #fcf0f1;
  --tdab-s7-danger-border: #d63638;
  --tdab-s7-danger-title: #b32d2e;
  --tdab-s7-live-bg: #0a7d6b;
  --tdab-s7-suppressed-bg: #50575e;

  margin-left: var(--tdab-s1-content-inset-start);
  margin-right: var(--tdab-s1-content-inset-end);
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-body-size);
  line-height: 1.4;
}

.tdab-admin.tdab-admin--s7 #tdab-admin-main {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.tdab-admin.tdab-admin--s7 .tdab-s7-header,
.tdab-admin.tdab-admin--s7 .tdab-s1-tabs {
  order: 1;
}

.tdab-admin.tdab-admin--s7 .tdab-s7-header {
  margin-bottom: var(--tdab-s7-header-margin-bottom);
}

.tdab-admin.tdab-admin--s7 .tdab-s7-header .tdab-s1-lockup {
  align-items: center;
  gap: var(--tdab-space-8);
}

.tdab-admin.tdab-admin--s7 .tdab-s1-tabs {
  margin-bottom: var(--tdab-s7-tabs-margin-bottom);
}

.tdab-admin.tdab-admin--s7 #tdab-admin-notices {
  order: 2;
  margin: 0;
  padding: 0;
}

.tdab-admin.tdab-admin--s7 .tdab-s7-notice {
  order: 10;
  margin-bottom: var(--tdab-s7-section-gap);
}

.tdab-admin.tdab-admin--s7 .tdab-s7-kill {
  order: 20;
  margin-bottom: 18px;
  min-height: var(--tdab-s7-kill-min-height);
}

.tdab-admin.tdab-admin--s7 .tdab-s7-trio {
  order: 30;
  margin-bottom: var(--tdab-s7-section-gap);
}

.tdab-admin.tdab-admin--s7 .tdab-s7-uninstall {
  order: 40;
  margin-bottom: var(--tdab-s7-section-gap);
}

.tdab-admin.tdab-admin--s7 .tdab-s7-danger {
  order: 50;
}

.tdab-admin .tdab-s7-notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 12px 16px;
  background: var(--tdab-s7-notice-bg);
  border: 1px solid var(--tdab-s7-notice-border);
  border-radius: var(--tdab-s7-card-radius);
  color: var(--tdab-s7-notice-ink);
}

.tdab-admin .tdab-s7-notice-icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #2271b1 0 4px, transparent 4.5px),
    linear-gradient(#2271b1, #2271b1);
  box-shadow: inset 0 0 0 2px #2271b1;
}

.tdab-admin .tdab-s7-notice p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.tdab-admin .tdab-s7-card {
  box-sizing: border-box;
  margin: 0;
  padding: var(--tdab-s7-card-padding);
  background: var(--tdab-wp-color-card);
  border: 1px solid var(--tdab-s7-border);
  border-radius: var(--tdab-s7-card-radius);
}

.tdab-admin .tdab-s7-card h2,
.tdab-admin .tdab-s7-danger h2,
.tdab-admin .tdab-s7-danger h3 {
  margin: 0 0 8px;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: 16px;
  font-weight: var(--tdab-font-weight-medium);
  line-height: 1.3;
}

.tdab-admin .tdab-s7-card-lead,
.tdab-admin .tdab-s7-danger-copy p {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: 13px;
  line-height: 1.45;
}

.tdab-admin .tdab-s7-kill {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.tdab-admin .tdab-s7-kill-copy {
  flex: 1 1 20rem;
  min-width: 0;
}

.tdab-admin .tdab-s7-kill-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

.tdab-admin .tdab-s7-kill-head h2 {
  margin: 0;
}

.tdab-admin .tdab-s7-badge {
  margin: 0;
  padding: 2px 8px;
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  font-weight: var(--tdab-font-weight-medium);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.tdab-admin .tdab-s7-badge-live {
  background: var(--tdab-s7-live-bg);
}

.tdab-admin .tdab-s7-badge-suppressed,
.tdab-admin .tdab-s7-badge-idle {
  background: var(--tdab-s7-suppressed-bg);
}

.tdab-admin .tdab-s7-kill-form,
.tdab-admin .tdab-s7-uninstall-form,
.tdab-admin .tdab-s7-restore-form,
.tdab-admin .tdab-s7-disconnect-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.tdab-admin .tdab-s7-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.tdab-admin .tdab-s7-switch input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.tdab-admin .tdab-s7-switch-ui {
  width: 40px;
  height: 22px;
  border-radius: 999px;
  background: #c3c4c7;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
  transition: background 0.15s ease;
}

.tdab-admin .tdab-s7-switch-ui::after {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  margin: 2px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.15s ease;
}

.tdab-admin .tdab-s7-switch input:checked + .tdab-s7-switch-ui {
  background: var(--tdab-s7-live-bg);
}

.tdab-admin .tdab-s7-switch input:checked + .tdab-s7-switch-ui::after {
  transform: translateX(18px);
}

.tdab-admin .tdab-s7-switch input:focus + .tdab-s7-switch-ui {
  outline: 2px solid var(--tdab-wp-color-info);
  outline-offset: 2px;
}

.tdab-admin .tdab-s7-trio {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--tdab-s7-section-gap);
}

.tdab-admin .tdab-s7-card-mini {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.tdab-admin .tdab-s7-confirm {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--tdab-wp-color-ink);
}

.tdab-admin .tdab-s7-unavailable {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
}

.tdab-admin .tdab-s7-conflict-status {
  margin: 0;
  color: var(--tdab-wp-color-error);
  font-size: 13px;
  font-weight: var(--tdab-font-weight-medium);
}

.tdab-admin .tdab-s7-conflict-clear {
  margin: 0;
  color: var(--tdab-wp-color-success);
  font-size: 13px;
}

.tdab-admin .tdab-s7-uninstall {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.tdab-admin .tdab-s7-uninstall-copy {
  flex: 1 1 20rem;
  min-width: 0;
}

.tdab-admin .tdab-s7-danger {
  margin: 0;
  padding: 20px 24px;
  background: var(--tdab-s7-danger-bg);
  border: 1px solid var(--tdab-s7-danger-border);
  border-radius: var(--tdab-s7-card-radius);
}

.tdab-admin .tdab-s7-danger > h2 {
  color: var(--tdab-s7-danger-title);
  margin-bottom: 16px;
}

.tdab-admin .tdab-s7-danger-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 16px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid rgba(214, 54, 56, 0.25);
}

.tdab-admin .tdab-s7-danger-row:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.tdab-admin .tdab-s7-danger-row .tdab-s7-unavailable,
.tdab-admin .tdab-s7-danger-row .tdab-s7-confirm,
.tdab-admin .tdab-s7-disconnect-form {
  grid-column: 1 / -1;
}

.tdab-admin .tdab-s7-disconnect-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.tdab-admin .tdab-s7-btn-danger:disabled {
  background: #d63638 !important;
  border-color: #d63638 !important;
  color: #fff !important;
  opacity: 0.45;
}

.tdab-admin .tdab-s7-kill-form .button:focus,
.tdab-admin .tdab-s7-uninstall-form .button:focus,
.tdab-admin .tdab-s7-restore-form .button:focus,
.tdab-admin .tdab-s7-disconnect-form .button:focus,
.tdab-admin .tdab-s7-confirm input:focus {
  outline: 2px solid var(--tdab-wp-color-info);
  outline-offset: 2px;
}

/* --- Page 04 Screen 8 — Backend findings (Figma 65:450), cache-only hosted report --- */

.tdab-admin.tdab-admin--s8 {
  --tdab-s1-title-size: 24px;
  --tdab-s1-body-size: 14px;
  --tdab-s1-small-size: 12px;
  --tdab-s1-content-inset-start: 60px;
  --tdab-s1-content-inset-end: 40px;
  --tdab-s1-mark-size: 26px;
  --tdab-s8-header-margin-bottom: 0;
  --tdab-s8-tabs-margin-bottom: 6px;
  --tdab-s8-section-gap: 16px;
  --tdab-s8-card-gap: 14px;
  --tdab-s8-card-radius: 8px;
  --tdab-s8-card-padding: 20px 24px;
  --tdab-s8-border: #dcdcde;
  --tdab-s8-notice-bg: #f0f6fc;
  --tdab-s8-notice-border: #c5d9ed;
  --tdab-s8-notice-ink: #1d2327;
  --tdab-s8-evidence-bg: #f6f7f7;
  --tdab-s8-footnote-bg: #e6f5f2;
  --tdab-s8-footnote-ink: #1d2327;
  --tdab-s8-badge-bg: #eef5fb;
  --tdab-s8-badge-ink: #2271b1;
  --tdab-s8-score-size: 48px;
  --tdab-s8-teal: #0a7d6b;
  --tdab-s8-review-bg: #0a7d6b;

  margin-left: var(--tdab-s1-content-inset-start);
  margin-right: var(--tdab-s1-content-inset-end);
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-s1-body-size);
  line-height: 1.4;
  overflow-x: clip;
}

.tdab-admin.tdab-admin--s8 #tdab-admin-main {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.tdab-admin.tdab-admin--s8 .tdab-s8-header,
.tdab-admin.tdab-admin--s8 .tdab-s1-tabs {
  order: 1;
}

.tdab-admin.tdab-admin--s8 .tdab-s8-header {
  margin-bottom: var(--tdab-s8-header-margin-bottom);
}

.tdab-admin.tdab-admin--s8 .tdab-s8-header .tdab-s1-lockup {
  align-items: center;
  gap: var(--tdab-space-8);
}

.tdab-admin.tdab-admin--s8 .tdab-s1-tabs {
  margin-bottom: var(--tdab-s8-tabs-margin-bottom);
}

.tdab-admin.tdab-admin--s8 #tdab-admin-notices {
  order: 2;
  margin: 0;
  padding: 0;
}

.tdab-admin.tdab-admin--s8 .tdab-s8-notice {
  order: 10;
  margin-bottom: var(--tdab-s8-section-gap);
}

.tdab-admin.tdab-admin--s8 .tdab-s8-score {
  order: 20;
  margin-bottom: var(--tdab-s8-section-gap);
}

.tdab-admin.tdab-admin--s8 .tdab-s8-list {
  order: 30;
  margin-bottom: var(--tdab-s8-section-gap);
}

.tdab-admin.tdab-admin--s8 .tdab-s8-footnote {
  order: 40;
}

.tdab-admin .tdab-s8-notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 14px 16px;
  background: var(--tdab-s8-notice-bg);
  border: 1px solid var(--tdab-s8-notice-border);
  border-radius: var(--tdab-s8-card-radius);
  color: var(--tdab-s8-notice-ink);
}

.tdab-admin .tdab-s8-notice-icon {
  flex: 0 0 auto;
  width: 20px;
  height: 14px;
  margin-top: 4px;
  border-radius: 10px 10px 4px 4px;
  background:
    radial-gradient(circle at 30% 45%, #2271b1 0 3px, transparent 3.5px),
    radial-gradient(circle at 62% 40%, #2271b1 0 4px, transparent 4.5px),
    linear-gradient(#2271b1, #2271b1);
  opacity: 0.9;
}

.tdab-admin .tdab-s8-notice-copy h2 {
  margin: 0 0 4px;
  color: var(--tdab-s8-notice-ink);
  font-family: var(--tdab-font-family-display);
  font-size: 15px;
  font-weight: var(--tdab-font-weight-bold);
  line-height: 1.3;
}

.tdab-admin .tdab-s8-notice-copy p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.tdab-admin .tdab-s8-score {
  box-sizing: border-box;
  margin: 0;
  padding: var(--tdab-s8-card-padding);
  background: var(--tdab-wp-color-card);
  border: 1px solid var(--tdab-s8-border);
  border-radius: var(--tdab-s8-card-radius);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s8-score-grid {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
}

.tdab-admin .tdab-s8-score-number {
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: var(--tdab-s8-score-size);
  font-weight: var(--tdab-font-weight-bold);
  line-height: 1;
}

.tdab-admin .tdab-s8-score-label {
  margin: 6px 0 0;
  color: var(--tdab-wp-color-gray);
  font-size: 11px;
  font-weight: var(--tdab-font-weight-medium);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tdab-admin .tdab-s8-score-audit,
.tdab-admin .tdab-s8-score-count {
  margin: 0 0 4px;
  color: var(--tdab-wp-color-ink);
  font-size: 14px;
  line-height: 1.4;
}

.tdab-admin .tdab-s8-stale {
  margin: 8px 0 0;
  font-size: 12px;
}

.tdab-admin .tdab-s8-score-empty p {
  margin: 0 0 6px;
}

.tdab-admin .tdab-s8-score-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.tdab-admin .tdab-s8-refresh-form {
  margin: 0;
  display: flex;
}

.tdab-admin .tdab-s8-dashboard:focus,
.tdab-admin .tdab-s8-refresh-form .button:focus,
.tdab-admin .tdab-s8-review:focus {
  outline: 2px solid var(--tdab-wp-color-info);
  outline-offset: 2px;
}

.tdab-admin .tdab-s8-list {
  margin: 0;
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s8-empty {
  margin: 0;
  padding: 16px 18px;
  background: var(--tdab-wp-color-card);
  border: 1px solid var(--tdab-s8-border);
  border-radius: var(--tdab-s8-card-radius);
  color: var(--tdab-wp-color-gray);
  font-size: 13px;
  line-height: 1.45;
}

.tdab-admin .tdab-s8-cards {
  display: flex;
  flex-direction: column;
  gap: var(--tdab-s8-card-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.tdab-admin .tdab-s8-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: start;
  margin: 0;
  padding: var(--tdab-s8-card-padding);
  background: var(--tdab-wp-color-card);
  border: 1px solid var(--tdab-s8-border);
  border-radius: var(--tdab-s8-card-radius);
  box-shadow: none;
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-s8-card-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.tdab-admin .tdab-s8-card-title {
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: 16px;
  font-weight: var(--tdab-font-weight-bold);
  line-height: 1.3;
}

.tdab-admin .tdab-s8-card-badge {
  margin: 0;
  padding: 3px 8px;
  border-radius: 4px;
  background: var(--tdab-s8-badge-bg);
  color: var(--tdab-s8-badge-ink);
  font-size: 11px;
  font-weight: var(--tdab-font-weight-medium);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}

.tdab-admin .tdab-s8-card-desc {
  margin: 0 0 12px;
  color: var(--tdab-wp-color-ink);
  font-size: 13.5px;
  line-height: 1.45;
}

.tdab-admin .tdab-s8-evidence {
  margin: 0;
  padding: 10px 12px;
  background: var(--tdab-s8-evidence-bg);
  border-radius: 6px;
}

.tdab-admin .tdab-s8-evidence-label {
  margin: 0 0 4px;
  color: var(--tdab-wp-color-gray);
  font-size: 11px;
  font-weight: var(--tdab-font-weight-medium);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tdab-admin .tdab-s8-evidence-body {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: 12.5px;
  line-height: 1.4;
}

.tdab-admin .tdab-s8-card-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  min-width: 9.5rem;
}

.tdab-admin .tdab-s8-review.button-primary {
  background: var(--tdab-s8-review-bg);
  border-color: var(--tdab-s8-review-bg);
  color: #fff;
  text-align: center;
}

.tdab-admin .tdab-s8-review.button-primary:hover,
.tdab-admin .tdab-s8-review.button-primary:focus {
  background: #086557;
  border-color: #086557;
  color: #fff;
}

.tdab-admin .tdab-s8-review-note {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: 11px;
  line-height: 1.35;
  text-align: center;
}

.tdab-admin .tdab-s8-footnote {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 12px 16px;
  background: var(--tdab-s8-footnote-bg);
  border-radius: var(--tdab-s8-card-radius);
  color: var(--tdab-s8-footnote-ink);
}

.tdab-admin .tdab-s8-footnote-icon {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 50%;
  background: var(--tdab-s8-teal);
}

.tdab-admin .tdab-s8-footnote p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

/* --- Slice B1–B4: WP light shell (node 97:2) — readiness/connection/hosted/metadata/publishing/outbound previews --- */

.tdab-admin .tdab-card.tdab-readiness,
.tdab-admin .tdab-card.tdab-b2-shell,
.tdab-admin .tdab-card.tdab-b3-shell,
.tdab-admin .tdab-card.tdab-b4-shell {
  display: flex;
  flex-direction: column;
  gap: var(--tdab-wp-section-gap);
  margin-top: var(--tdab-space-16);
  background: var(--tdab-wp-color-card);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  padding: var(--tdab-wp-card-padding);
  box-shadow: none;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-body);
  font-size: var(--tdab-wp-font-size-body);
  line-height: 1.5;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.tdab-readiness-header {
  display: flex;
  justify-content: space-between;
  gap: var(--tdab-space-16);
  flex-wrap: wrap;
  margin: 0;
}

.tdab-readiness-header .tdab-actions {
  margin-top: 0;
}

.tdab-readiness h2,
.tdab-b2-shell h2,
.tdab-b3-shell h2,
.tdab-b4-shell h2 {
  margin: 0 0 var(--tdab-space-8);
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: var(--tdab-wp-font-size-h2);
  font-weight: var(--tdab-font-weight-bold);
  line-height: 1.25;
}

.tdab-readiness h3,
.tdab-b2-shell h3,
.tdab-b3-shell h3,
.tdab-b4-shell h3,
.tdab-b4-shell h4 {
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: var(--tdab-wp-font-size-h3);
  font-weight: var(--tdab-font-weight-bold);
  line-height: 1.3;
}

.tdab-readiness-lead,
.tdab-readiness-score,
.tdab-readiness > p,
.tdab-b2-lead,
.tdab-b2-shell > p,
.tdab-b3-lead,
.tdab-b3-shell > p,
.tdab-b4-lead,
.tdab-b4-shell > p {
  margin: 0;
}

.tdab-readiness .tdab-pill,
.tdab-b2-shell .tdab-pill,
.tdab-b3-shell .tdab-pill,
.tdab-b4-shell .tdab-pill {
  display: inline-block;
  margin: 0 0 var(--tdab-space-8);
  padding: var(--tdab-space-4) 10px;
  border-radius: var(--tdab-wp-radius-card);
  background: #f0f6fc;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-label);
  font-size: var(--tdab-wp-font-size-label);
  letter-spacing: 0.02em;
  text-transform: none;
}

.tdab-readiness .tdab-muted,
.tdab-b2-shell .tdab-muted,
.tdab-b3-shell .tdab-muted,
.tdab-b4-shell .tdab-muted {
  color: var(--tdab-wp-color-gray);
}

.tdab-readiness a,
.tdab-b2-shell a,
.tdab-b3-shell a,
.tdab-b4-shell a {
  color: var(--tdab-wp-color-teal);
}

.tdab-readiness .button-primary,
.tdab-b2-shell .button-primary,
.tdab-b3-shell .button-primary,
.tdab-b4-shell .button-primary {
  background: var(--tdab-wp-color-teal);
  border-color: var(--tdab-wp-color-teal);
  color: #fff;
}

.tdab-readiness .button-primary:hover,
.tdab-readiness .button-primary:focus,
.tdab-b2-shell .button-primary:hover,
.tdab-b2-shell .button-primary:focus,
.tdab-b3-shell .button-primary:hover,
.tdab-b3-shell .button-primary:focus,
.tdab-b4-shell .button-primary:hover,
.tdab-b4-shell .button-primary:focus {
  background: #086557;
  border-color: #086557;
  color: #fff;
}

.tdab-readiness .tdab-category-table {
  margin: 0;
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

.tdab-readiness .tdab-category-table th {
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-label);
  font-size: var(--tdab-wp-font-size-label);
}

.tdab-readiness .tdab-category-table td {
  color: var(--tdab-wp-color-ink);
  font-size: inherit;
}

.tdab-findings-list {
  display: grid;
  gap: var(--tdab-wp-section-gap);
  margin: 0;
}

.tdab-readiness .tdab-finding {
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  padding: var(--tdab-space-12) var(--tdab-space-16);
  background: var(--tdab-wp-color-card);
}

.tdab-readiness .tdab-finding-warning {
  border-left: 4px solid var(--tdab-wp-color-warning-bar);
}

.tdab-readiness .tdab-finding-fail {
  border-left: 4px solid var(--tdab-wp-color-error);
}

.tdab-readiness .tdab-finding-pass,
.tdab-readiness .tdab-finding-not_applicable {
  border-left: 4px solid var(--tdab-wp-color-success);
}

.tdab-readiness .tdab-finding summary {
  cursor: pointer;
  display: flex;
  gap: var(--tdab-space-8);
  flex-wrap: wrap;
  align-items: center;
  min-height: var(--tdab-wp-control-height);
}

.tdab-finding-title {
  font-weight: 600;
}

.tdab-finding-body {
  margin-top: var(--tdab-space-12);
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.tdab-status-glyph {
  display: inline;
  margin-right: 0.25em;
  speak: never;
}

.tdab-status {
  display: inline;
  font-weight: 600;
}

.tdab-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--tdab-space-8);
  border-radius: var(--tdab-wp-radius-card);
  font-size: var(--tdab-wp-font-size-label);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.tdab-readiness .tdab-badge,
.tdab-b2-shell .tdab-badge,
.tdab-b3-shell .tdab-badge,
.tdab-b4-shell .tdab-badge {
  font-family: var(--tdab-font-family-label);
}

.tdab-readiness .tdab-badge-pass,
.tdab-readiness .tdab-badge-not_applicable {
  background: #edfaef;
  color: var(--tdab-wp-color-success);
}

/* Warning token is signal/bar only — #B26A00 fails AA as normal text on #FFF6E6/white */
.tdab-readiness .tdab-badge-warning,
.tdab-readiness .tdab-badge-unknown {
  background: #fff6e6;
  color: var(--tdab-wp-color-ink);
}

.tdab-readiness .tdab-badge-fail {
  background: #fcf0f1;
  color: var(--tdab-wp-color-error);
}

.tdab-readiness .tdab-badge-severity-info,
.tdab-b2-shell .tdab-badge-severity-info,
.tdab-b3-shell .tdab-badge-severity-info,
.tdab-b4-shell .tdab-badge-severity-info {
  background: #f0f6fc;
  color: var(--tdab-wp-color-info);
}

.tdab-readiness .tdab-badge-severity-warning,
.tdab-b2-shell .tdab-badge-severity-warning,
.tdab-b3-shell .tdab-badge-severity-warning,
.tdab-b4-shell .tdab-badge-severity-warning {
  background: #fff6e6;
  color: var(--tdab-wp-color-ink);
}

.tdab-readiness .tdab-badge-severity-error,
.tdab-readiness .tdab-badge-severity-critical,
.tdab-b2-shell .tdab-badge-severity-error,
.tdab-b2-shell .tdab-badge-severity-critical,
.tdab-b3-shell .tdab-badge-severity-error,
.tdab-b3-shell .tdab-badge-severity-critical,
.tdab-b4-shell .tdab-badge-severity-error,
.tdab-b4-shell .tdab-badge-severity-critical {
  background: #fcf0f1;
  color: var(--tdab-wp-color-error);
}

.tdab-readiness .tdab-badge-severity-success,
.tdab-b2-shell .tdab-badge-severity-success,
.tdab-b3-shell .tdab-badge-severity-success,
.tdab-b4-shell .tdab-badge-severity-success {
  background: #edfaef;
  color: var(--tdab-wp-color-success);
}

/* Slice B2 — connection / hosted findings shell details */
.tdab-b2-shell .tdab-b2-group,
.tdab-b2-shell .tdab-outbound-fieldset {
  margin-top: 0;
  max-width: 100%;
  min-width: 0;
}

.tdab-b2-shell .tdab-b2-group legend,
.tdab-b2-shell .tdab-outbound-fieldset legend {
  font-family: var(--tdab-font-family-label);
  font-size: var(--tdab-wp-font-size-label);
  color: var(--tdab-wp-color-ink);
}

.tdab-b2-connection-status-connected {
  color: var(--tdab-wp-color-success);
}

.tdab-b2-connection-status-disconnected,
.tdab-b2-connection-status-error {
  color: var(--tdab-wp-color-error);
}

.tdab-b2-empty {
  margin: 0;
  padding: var(--tdab-space-12) var(--tdab-space-16);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: #f6f7f7;
  color: var(--tdab-wp-color-ink);
}

.tdab-b2-findings-table {
  margin: 0;
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}

.tdab-b2-findings-table th {
  font-family: var(--tdab-font-family-label);
  font-size: var(--tdab-wp-font-size-label);
  color: var(--tdab-wp-color-ink);
}

.tdab-b2-settings-table {
  width: 100%;
  max-width: 100%;
}

.tdab-b2-actions {
  margin-top: 0;
}

/* Slice B3 — metadata inventory + publishing (local artifacts) */
.tdab-b3-empty {
  margin: 0;
  padding: var(--tdab-space-12) var(--tdab-space-16);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: #f6f7f7;
  color: var(--tdab-wp-color-ink);
}

.tdab-b3-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tdab-space-8) var(--tdab-space-12);
  align-items: flex-end;
  margin: 0;
  max-width: 100%;
  min-width: 0;
}

.tdab-b3-filters label {
  display: block;
  font-family: var(--tdab-font-family-label);
  font-size: var(--tdab-wp-font-size-label);
  color: var(--tdab-wp-color-ink);
  margin-bottom: var(--tdab-space-4);
}

.tdab-b3-filter-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
}

.tdab-b3-inventory-table {
  margin: 0;
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}

.tdab-b3-inventory-table th {
  font-family: var(--tdab-font-family-label);
  font-size: var(--tdab-wp-font-size-label);
  color: var(--tdab-wp-color-ink);
}

.tdab-b3-inventory-wrap {
  max-width: 100%;
  min-width: 0;
}

.tdab-b3-status-eligible {
  color: var(--tdab-wp-color-success);
}

.tdab-b3-status-ineligible,
.tdab-b3-status-stale,
.tdab-b3-lifecycle-stale,
.tdab-b3-lifecycle-cap_blocked {
  color: var(--tdab-wp-color-ink);
}

.tdab-b3-status-ineligible .tdab-status-glyph,
.tdab-b3-status-stale .tdab-status-glyph,
.tdab-b3-lifecycle-stale .tdab-status-glyph,
.tdab-b3-lifecycle-cap_blocked .tdab-status-glyph {
  color: var(--tdab-wp-color-warning);
}

.tdab-b3-status-explicit,
.tdab-b3-lifecycle-preview_ready,
.tdab-b3-lifecycle-published {
  color: var(--tdab-wp-color-success);
}

.tdab-b3-status-inherited,
.tdab-b3-status-defaults,
.tdab-b3-lifecycle-no_preview {
  color: var(--tdab-wp-color-gray);
}

.tdab-b3-actions {
  margin-top: 0;
}

.tdab-b3-change-summary {
  margin: 0;
  padding: var(--tdab-space-12) var(--tdab-space-16);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: #f6f7f7;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.tdab-b3-change-summary ul {
  margin: var(--tdab-space-8) 0 0;
  padding-left: 1.25rem;
}

.tdab-b3-code-panel {
  margin: 0;
  max-height: 280px;
  overflow: auto;
  background: #f6f7f7;
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  padding: var(--tdab-space-12);
  white-space: pre-wrap;
  word-break: break-word;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: var(--tdab-wp-font-size-small);
}

.tdab-b3-rollback {
  margin-top: var(--tdab-space-16);
  padding-top: var(--tdab-space-12);
  border-top: 1px solid var(--tdab-wp-color-border);
  max-width: 100%;
  min-width: 0;
}

.tdab-b3-rollback-list {
  display: flex;
  flex-direction: column;
  gap: var(--tdab-space-8);
  margin: var(--tdab-space-8) 0 0;
}

.tdab-b3-rollback .button-link-delete,
.tdab-b3-rollback .button-delete {
  color: var(--tdab-wp-color-error);
}

.tdab-b3-group {
  margin: 0;
  max-width: 100%;
  min-width: 0;
}

.tdab-b3-warning {
  color: var(--tdab-wp-color-ink);
  background: #fff6e6;
  border-left: 4px solid var(--tdab-wp-color-warning-bar);
  padding: var(--tdab-space-8) var(--tdab-space-12);
  margin: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.tdab-b3-shell .tdab-b3-inventory-table a {
  display: inline-flex;
  align-items: center;
  min-height: var(--tdab-wp-control-height);
}


/* Slice B4 — outbound pairing + snapshot preview/confirm */
.tdab-b2-shell .tdab-b4-shell.tdab-outbound-preview,
.tdab-b4-shell.tdab-outbound-preview {
  display: flex;
  flex-direction: column;
  gap: var(--tdab-wp-section-gap);
  margin-block-start: var(--tdab-space-16);
  margin-inline: 0;
  padding: var(--tdab-wp-card-padding-mobile);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: var(--tdab-wp-color-card);
  color: var(--tdab-wp-color-ink);
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.tdab-b4-warning {
  color: var(--tdab-wp-color-ink);
  background: #fff6e6;
  border-inline-start: 4px solid var(--tdab-wp-color-warning-bar);
  border-block: 0;
  border-inline-end: 0;
  padding-block: var(--tdab-space-8);
  padding-inline: var(--tdab-space-12);
  margin: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.tdab-b4-empty {
  margin: 0;
  padding-block: var(--tdab-space-12);
  padding-inline: var(--tdab-space-16);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: #f6f7f7;
  color: var(--tdab-wp-color-ink);
}

.tdab-b4-fields-table {
  margin: 0;
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}

.tdab-b4-fields-table th {
  font-family: var(--tdab-font-family-label);
  font-size: var(--tdab-wp-font-size-label);
  color: var(--tdab-wp-color-ink);
}

.tdab-b4-code-panel {
  margin: 0;
  max-height: 320px;
  overflow: auto;
  background: #f6f7f7;
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  padding: var(--tdab-space-12);
  white-space: pre-wrap;
  word-break: break-word;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.tdab-b4-shell .tdab-b4-meta {
  margin-block: var(--tdab-space-12);
  margin-inline: 0;
}

.tdab-b4-shell .tdab-b4-excluded {
  margin-block: var(--tdab-space-8) var(--tdab-space-16);
  margin-inline: 0;
  padding-inline-start: 1.25rem;
}

.tdab-b4-pairing .tdab-b4-generate-form input[type='password'],
.tdab-b4-shell .tdab-b4-confirm-form input[type='password'],
.tdab-b4-shell .tdab-b4-confirm-form .button,
.tdab-b4-shell .tdab-b4-discard-form .button,
.tdab-b4-shell .tdab-b4-generate-form .button,
.tdab-b4-pairing .tdab-b4-generate-form .button {
  min-height: var(--tdab-wp-control-height);
}

/* Legacy badge colors for non-readiness surfaces */
.tdab-badge-pass,
.tdab-badge-not_applicable {
  background: #edfaef;
  color: #1e6022;
}

.tdab-badge-warning,
.tdab-badge-unknown {
  background: #fff6e6;
  color: #8a4b00;
}

.tdab-badge-fail {
  background: #fcf0f1;
  color: #8a2424;
}

/* WP-native muted for non-readiness light admin — do not use foundation --tdab-color-muted */
.tdab-muted {
  color: #646970;
}

.tdab-preview {
  max-height: 280px;
  overflow: auto;
  background: #f6f7f7;
  border: 1px solid #dcdcde;
  border-radius: var(--tdab-radius-sm);
  padding: var(--tdab-space-12);
  white-space: pre-wrap;
  word-break: break-word;
}

.tdab-hosted-findings {
  border-top: 3px solid #c3c4c7;
}

.tdab-outbound-fieldset {
  border: 1px solid #dcdcde;
  border-radius: var(--tdab-radius-md);
  margin-top: var(--tdab-space-16);
  padding: var(--tdab-space-12) var(--tdab-space-16) var(--tdab-space-16);
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.tdab-outbound-fieldset legend {
  font-weight: 600;
  padding: 0 var(--tdab-space-8);
}

.tdab-outbound-meta {
  display: grid;
  grid-template-columns: minmax(min(100%, 140px), auto) minmax(0, 1fr);
  gap: var(--tdab-space-8) var(--tdab-space-12);
  margin: var(--tdab-space-12) 0;
  max-width: 100%;
  min-width: 0;
}

.tdab-outbound-meta dt {
  font-weight: 600;
  margin: 0;
}

.tdab-outbound-meta dd {
  margin: 0;
}

.tdab-outbound-preview {
  margin-top: var(--tdab-space-16);
  padding-top: var(--tdab-space-12);
  border-top: 1px solid #dcdcde;
}

.tdab-excluded-list {
  margin: var(--tdab-space-8) 0 var(--tdab-space-16);
  padding-left: 1.25rem;
}

.tdab-payload-viewer {
  max-height: 320px;
}

.tdab-status-text {
  font-weight: 600;
}

/* Interactive controls: desktop 36–40px target (use 40); checkboxes/radios excluded */
.tdab-admin .button,
.tdab-admin input[type='submit'],
.tdab-admin input[type='button'],
.tdab-admin input[type='text'],
.tdab-admin input[type='url'],
.tdab-admin input[type='password'],
.tdab-admin input[type='email'],
.tdab-admin input[type='search'],
.tdab-admin input[type='number'],
.tdab-admin select,
.tdab-admin textarea {
  min-height: var(--tdab-wp-control-height);
}

/* Page 09 AA teal focus ring — beat .wp-core-ui .button-primary:focus (transparent 1px) via specificity */
.tdab-admin :focus-visible {
  outline: 2px solid #0a7d6b;
  outline-offset: 2px;
}

.wp-core-ui .tdab-admin .button:focus-visible,
.wp-core-ui .tdab-admin .button-primary:focus-visible,
.wp-core-ui .tdab-admin .button-secondary:focus-visible,
.wp-core-ui .tdab-admin input[type='submit']:focus-visible,
.wp-core-ui .tdab-admin input[type='button']:focus-visible,
.tdab-admin input[type='text']:focus-visible,
.tdab-admin input[type='url']:focus-visible,
.tdab-admin input[type='password']:focus-visible,
.tdab-admin input[type='email']:focus-visible,
.tdab-admin input[type='search']:focus-visible,
.tdab-admin input[type='number']:focus-visible,
.tdab-admin select:focus-visible,
.tdab-admin textarea:focus-visible,
.tdab-admin summary:focus-visible {
  outline: 2px solid #0a7d6b;
  outline-offset: 2px;
  box-shadow: none;
}

/* Checkbox/radio: visible focus without changing box dimensions */
.tdab-admin input[type='checkbox'],
.tdab-admin input[type='radio'] {
  min-height: 0;
  width: 1rem;
  height: 1rem;
}

.tdab-admin input[type='checkbox']:focus-visible,
.tdab-admin input[type='radio']:focus-visible {
  outline: 2px solid #0a7d6b;
  outline-offset: 2px;
  width: 1rem;
  height: 1rem;
  box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  .tdab-admin *,
  .tdab-admin *::before,
  .tdab-admin *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Tablet 768–1279 / desktop ≥1280: semantic tables */
@media (min-width: 768px) {
  .tdab-readiness .tdab-category-table thead,
  .tdab-b2-shell .tdab-b2-findings-table thead,
  .tdab-b2-shell .tdab-b2-settings-table thead,
  .tdab-b3-shell .tdab-b3-inventory-table thead,
  .tdab-b4-shell .tdab-b4-fields-table thead {
    display: table-header-group;
  }

  .tdab-readiness .tdab-category-table tbody tr,
  .tdab-b2-shell .tdab-b2-findings-table tbody tr,
  .tdab-b2-shell .tdab-b2-settings-table tr,
  .tdab-b3-shell .tdab-b3-inventory-table tbody tr,
  .tdab-b4-shell .tdab-b4-fields-table tbody tr {
    display: table-row;
  }

  .tdab-readiness .tdab-category-table tbody td,
  .tdab-b2-shell .tdab-b2-findings-table tbody td,
  .tdab-b2-shell .tdab-b2-settings-table td,
  .tdab-b2-shell .tdab-b2-settings-table th,
  .tdab-b3-shell .tdab-b3-inventory-table tbody td,
  .tdab-b4-shell .tdab-b4-fields-table tbody td,
  .tdab-b4-shell .tdab-b4-fields-table tbody th {
    display: table-cell;
  }

  .tdab-readiness .tdab-category-table tbody td::before,
  .tdab-b2-shell .tdab-b2-findings-table tbody td::before,
  .tdab-b2-shell .tdab-b2-settings-table td::before,
  .tdab-b3-shell .tdab-b3-inventory-table tbody td::before,
  .tdab-b4-shell .tdab-b4-fields-table tbody td::before,
  .tdab-b4-shell .tdab-b4-fields-table tbody th::before {
    content: none;
  }
}

/* Mobile ≤767: card-like rows via data-label (no duplicated content) */
@media (max-width: 767px) {
  .tdab-admin.tdab-admin--s1-empty {
    margin-left: 0;
    margin-right: 0;
  }

  .tdab-admin.tdab-admin--s2 {
    margin-left: 0;
    margin-right: 0;
  }

  .tdab-admin.tdab-admin--s3 {
    margin-left: 0;
    margin-right: 0;
  }

  .tdab-admin.tdab-admin--s4 {
    margin-left: 0;
    margin-right: 0;
  }

  .tdab-admin.tdab-admin--s5 {
    margin-left: 0;
    margin-right: 0;
  }

  .tdab-admin.tdab-admin--s1-empty .tdab-grid {
    margin-top: var(--tdab-space-16);
  }

  .tdab-admin .tdab-card.tdab-s1-shell.tdab-s1-hero,
  .tdab-admin .tdab-card.tdab-s1-shell.tdab-s1-steps,
  .tdab-admin .tdab-card.tdab-s1-shell.tdab-s1-privacy {
    min-height: 0;
  }

  .tdab-admin .tdab-card.tdab-s1-shell.tdab-s2-hero {
    min-height: 0;
  }

  .tdab-admin .tdab-s2-hero-grid,
  .tdab-admin .tdab-s2-category-grid,
  .tdab-admin .tdab-s2-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-admin .tdab-card.tdab-s2-category {
    height: auto;
    min-height: 0;
  }

  .tdab-admin .tdab-s2-attention-item {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .tdab-admin .tdab-s2-review {
    grid-column: 2;
    min-height: var(--tdab-wp-control-height-mobile);
  }

  .tdab-admin .tdab-s2-header-meta .button,
  .tdab-admin .tdab-s2-recheck-form .button {
    min-height: var(--tdab-wp-control-height-mobile);
  }

  .tdab-admin .tdab-s3-evidence,
  .tdab-admin .tdab-s3-evidence-panels {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-admin .tdab-s3-row-summary {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .tdab-admin .tdab-s3-row-summary .tdab-s3-life,
  .tdab-admin .tdab-s3-row-summary .tdab-s3-review {
    grid-column: 2;
  }

  .tdab-admin .tdab-s3-filters select,
  .tdab-admin .tdab-s3-filters input[type='search'],
  .tdab-admin .tdab-s3-filters .button,
  .tdab-admin .tdab-s3-lead-actions .button,
  .tdab-admin .tdab-s3-recheck-form .button,
  .tdab-admin .tdab-s3-review {
    min-height: var(--tdab-wp-control-height-mobile);
    height: auto;
  }

  .tdab-admin .tdab-s3-row,
  .tdab-admin .tdab-s3-row-summary {
    min-height: 0;
  }

  .tdab-admin .tdab-card.tdab-s3-lead,
  .tdab-admin .tdab-card.tdab-s3-empty {
    min-height: 0;
    margin-bottom: var(--tdab-s1-section-gap);
    padding: var(--tdab-wp-card-padding-mobile);
  }

  .tdab-admin .tdab-s3-filters {
    margin-bottom: var(--tdab-s1-section-gap);
    min-height: 0;
  }

  .tdab-admin .tdab-s3-lead-meta .tdab-s3-life {
    margin-left: 0;
  }

  .tdab-admin .tdab-s3-filters,
  .tdab-admin .tdab-s3-filter-controls,
  .tdab-admin .tdab-s3-search-row {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
  }

  .tdab-admin .tdab-s3-filters select,
  .tdab-admin .tdab-s3-filters input[type='search'] {
    width: 100%;
    min-width: 0;
  }

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

  .tdab-admin .tdab-s4-table,
  .tdab-admin .tdab-s4-table tbody {
    display: block;
    width: 100%;
    border: 0;
  }

  .tdab-admin .tdab-s4-table tbody tr {
    display: block;
    margin: 0;
    padding: var(--tdab-wp-card-padding-mobile);
    border-bottom: 1px solid var(--tdab-wp-color-border);
    min-height: 0;
  }

  .tdab-admin .tdab-s4-table tbody tr:last-child {
    border-bottom: 0;
  }

  .tdab-admin .tdab-s4-table tbody td {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--tdab-space-12);
    height: auto;
    border: 0;
    padding: var(--tdab-space-8) 0;
  }

  .tdab-admin .tdab-s4-table tbody td::before {
    content: attr(data-label);
    font-family: var(--tdab-font-family-label);
    font-weight: 600;
    color: var(--tdab-wp-color-gray);
    flex: 0 0 auto;
  }

  .tdab-admin .tdab-s4-col-check {
    width: auto;
    justify-content: flex-start;
  }

  .tdab-admin .tdab-s4-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .tdab-admin .tdab-s4-footer-actions .button,
  .tdab-admin .tdab-s4-empty .button,
  .tdab-admin .tdab-s4-configure {
    min-height: var(--tdab-wp-control-height-mobile);
  }

  .tdab-admin .tdab-s4-col-check input[type='checkbox'] {
    width: 20px;
    height: 20px;
  }

  .tdab-admin .tdab-s5-card-head,
  .tdab-admin .tdab-s5-card-foot,
  .tdab-admin .tdab-s5-conflict {
    flex-direction: column;
    align-items: stretch;
  }

  .tdab-admin .tdab-s5-card-actions .button,
  .tdab-admin .tdab-s5-conflict .button,
  .tdab-admin .tdab-s5-disable,
  .tdab-admin .tdab-s5-copy-input {
    min-height: var(--tdab-wp-control-height-mobile);
  }

  .tdab-admin .tdab-s5-code {
    max-height: 220px;
  }

  .tdab-admin.tdab-admin--s6 {
    margin-left: 0;
    margin-right: 0;
  }

  .tdab-admin .tdab-s6-panels {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-admin .tdab-s6-panel {
    --tdab-s6-panel-right-width: auto;
  }

  .tdab-admin .tdab-s6-connection {
    min-height: 0;
    align-items: stretch;
  }

  .tdab-admin .tdab-s6-connection-actions {
    width: 100%;
  }

  .tdab-admin .tdab-s6-connection-actions .button,
  .tdab-admin .tdab-s6-panel-actions .button,
  .tdab-admin .tdab-s6-disconnect {
    min-height: var(--tdab-wp-control-height-mobile);
  }

  .tdab-admin .tdab-s6-payload {
    max-height: 220px;
  }

  .tdab-admin.tdab-admin--s7 {
    margin-left: 0;
    margin-right: 0;
  }

  .tdab-admin .tdab-s7-trio {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-admin .tdab-s7-kill,
  .tdab-admin .tdab-s7-uninstall,
  .tdab-admin .tdab-s7-danger-row {
    align-items: stretch;
  }

  .tdab-admin .tdab-s7-danger-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-admin .tdab-s7-kill-form .button,
  .tdab-admin .tdab-s7-uninstall-form .button,
  .tdab-admin .tdab-s7-restore-form .button,
  .tdab-admin .tdab-s7-disconnect-form .button,
  .tdab-admin .tdab-s7-card-mini .button {
    min-height: var(--tdab-wp-control-height-mobile);
  }

  .tdab-admin.tdab-admin--s8 {
    margin-left: 0;
    margin-right: 0;
  }

  .tdab-admin .tdab-s8-score-grid,
  .tdab-admin .tdab-s8-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-admin .tdab-s8-card-actions {
    min-width: 0;
  }

  .tdab-admin .tdab-s8-dashboard,
  .tdab-admin .tdab-s8-refresh-form .button,
  .tdab-admin .tdab-s8-review {
    min-height: var(--tdab-wp-control-height-mobile);
  }

  .tdab-admin .tdab-card.tdab-readiness,
  .tdab-admin .tdab-card.tdab-b2-shell,
  .tdab-admin .tdab-card.tdab-b3-shell,
  .tdab-admin .tdab-card.tdab-b4-shell,
  .tdab-admin .tdab-card.tdab-s1-shell {
    padding: var(--tdab-wp-card-padding-mobile);
    font-size: var(--tdab-wp-font-size-body-mobile);
  }

  .tdab-admin .tdab-s1-title {
    font-size: var(--tdab-s1-title-size);
  }

  .tdab-admin .tdab-s1-byline {
    display: block;
    margin-left: 0;
    margin-top: var(--tdab-space-4);
  }

  .tdab-admin .tdab-s1-tab {
    min-height: var(--tdab-wp-control-height-mobile);
    padding: 0 var(--tdab-space-12);
  }

  .tdab-admin .tdab-s1-hero-grid,
  .tdab-admin .tdab-s1-privacy-grid,
  .tdab-admin .tdab-s1-step-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-admin .tdab-s1-score-panel {
    width: 100%;
    height: auto;
    min-height: var(--tdab-s1-score-panel-height);
  }

  .tdab-admin .tdab-s1-cta {
    flex-direction: column;
    align-items: stretch;
  }

  .tdab-admin .tdab-s1-cta .button,
  .tdab-admin .tdab-s1-cta input[type='submit'] {
    width: 100%;
    justify-content: center;
    min-height: var(--tdab-wp-control-height-mobile);
  }

  .tdab-admin .tdab-s1-hero .tdab-s1-hero-copy > h2 {
    font-size: var(--tdab-s1-hero-title-size);
  }

  .tdab-admin .button,
  .tdab-admin input[type='submit'],
  .tdab-admin input[type='button'],
  .tdab-admin input[type='text'],
  .tdab-admin input[type='url'],
  .tdab-admin input[type='password'],
  .tdab-admin input[type='email'],
  .tdab-admin input[type='search'],
  .tdab-admin input[type='number'],
  .tdab-admin select,
  .tdab-admin textarea {
    min-height: var(--tdab-wp-control-height-mobile);
  }

  .tdab-admin input[type='checkbox'],
  .tdab-admin input[type='radio'] {
    min-height: 0;
    width: 1rem;
    height: 1rem;
  }

  .tdab-readiness .tdab-finding summary {
    min-height: var(--tdab-wp-control-height-mobile);
  }

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

  .tdab-readiness .tdab-category-table,
  .tdab-readiness .tdab-category-table tbody {
    display: block;
    width: 100%;
    border: 0;
  }

  .tdab-readiness .tdab-category-table tbody tr {
    display: block;
    margin-bottom: var(--tdab-space-12);
    padding: var(--tdab-wp-card-padding-mobile);
    border: 1px solid var(--tdab-wp-color-border);
    border-radius: var(--tdab-wp-radius-card);
    background: var(--tdab-wp-color-card);
  }

  .tdab-readiness .tdab-category-table tbody tr:last-child {
    margin-bottom: 0;
  }

  .tdab-readiness .tdab-category-table tbody td {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--tdab-space-12);
    border: 0;
    padding: var(--tdab-space-8) 0;
  }

  .tdab-readiness .tdab-category-table tbody td::before {
    content: attr(data-label);
    font-family: var(--tdab-font-family-label);
    font-weight: 600;
    color: var(--tdab-wp-color-gray);
    flex: 0 0 auto;
  }

  .tdab-b2-shell .tdab-b2-findings-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .tdab-b2-shell .tdab-b2-findings-table,
  .tdab-b2-shell .tdab-b2-findings-table tbody,
  .tdab-b2-shell .tdab-b2-settings-table,
  .tdab-b2-shell .tdab-b2-settings-table tbody {
    display: block;
    width: 100%;
    border: 0;
  }

  .tdab-b2-shell .tdab-b2-findings-table tbody tr,
  .tdab-b2-shell .tdab-b2-settings-table tr {
    display: block;
    margin-bottom: var(--tdab-space-12);
    padding: var(--tdab-wp-card-padding-mobile);
    border: 1px solid var(--tdab-wp-color-border);
    border-radius: var(--tdab-wp-radius-card);
    background: var(--tdab-wp-color-card);
  }

  .tdab-b2-shell .tdab-b2-findings-table tbody tr:last-child,
  .tdab-b2-shell .tdab-b2-settings-table tr:last-child {
    margin-bottom: 0;
  }

  .tdab-b2-shell .tdab-b2-findings-table tbody td,
  .tdab-b2-shell .tdab-b2-settings-table td {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--tdab-space-12);
    border: 0;
    padding: var(--tdab-space-8) 0;
  }

  /*
   * Settings table: one visible mobile label via td::before[data-label].
   * Keep th (with real <label for>) in the accessibility tree via clip, not display:none.
   */
  .tdab-b2-shell .tdab-b2-settings-table th {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .tdab-b2-shell .tdab-b2-findings-table tbody td::before,
  .tdab-b2-shell .tdab-b2-settings-table td::before {
    content: attr(data-label);
    font-family: var(--tdab-font-family-label);
    font-weight: 600;
    color: var(--tdab-wp-color-gray);
    flex: 0 0 auto;
  }

  .tdab-b3-shell .tdab-b3-inventory-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .tdab-b3-shell .tdab-b3-inventory-table,
  .tdab-b3-shell .tdab-b3-inventory-table tbody {
    display: block;
    width: 100%;
    border: 0;
  }

  .tdab-b3-shell .tdab-b3-inventory-table tbody tr {
    display: block;
    margin-bottom: var(--tdab-space-12);
    padding: var(--tdab-wp-card-padding-mobile);
    border: 1px solid var(--tdab-wp-color-border);
    border-radius: var(--tdab-wp-radius-card);
    background: var(--tdab-wp-color-card);
  }

  .tdab-b3-shell .tdab-b3-inventory-table tbody tr:last-child {
    margin-bottom: 0;
  }

  .tdab-b3-shell .tdab-b3-inventory-table tbody td {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--tdab-space-12);
    border: 0;
    padding: var(--tdab-space-8) 0;
  }

  .tdab-b3-shell .tdab-b3-inventory-table tbody td::before {
    content: attr(data-label);
    font-family: var(--tdab-font-family-label);
    font-weight: 600;
    color: var(--tdab-wp-color-gray);
    flex: 0 0 auto;
  }

  .tdab-b3-shell .tdab-b3-code-panel {
    max-width: 100%;
  }

  .tdab-b3-shell .tdab-b3-inventory-table a {
    min-height: var(--tdab-wp-control-height-mobile);
    min-width: var(--tdab-wp-control-height-mobile);
    justify-content: center;
    box-sizing: border-box;
  }

  .tdab-b4-shell .tdab-b4-fields-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .tdab-b4-shell .tdab-b4-fields-table,
  .tdab-b4-shell .tdab-b4-fields-table tbody {
    display: block;
    width: 100%;
    border: 0;
  }

  .tdab-b4-shell .tdab-b4-fields-table tbody tr {
    display: block;
    margin-block-end: var(--tdab-space-12);
    margin-inline: 0;
    padding: var(--tdab-wp-card-padding-mobile);
    border: 1px solid var(--tdab-wp-color-border);
    border-radius: var(--tdab-wp-radius-card);
    background: var(--tdab-wp-color-card);
  }

  .tdab-b4-shell .tdab-b4-fields-table tbody tr:last-child {
    margin-block-end: 0;
  }

  .tdab-b4-shell .tdab-b4-fields-table tbody td,
  .tdab-b4-shell .tdab-b4-fields-table tbody th {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--tdab-space-12);
    border: 0;
    padding-block: var(--tdab-space-8);
    padding-inline: 0;
  }

  .tdab-b4-shell .tdab-b4-fields-table tbody td::before,
  .tdab-b4-shell .tdab-b4-fields-table tbody th::before {
    content: attr(data-label);
    font-family: var(--tdab-font-family-label);
    font-weight: 600;
    color: var(--tdab-wp-color-gray);
    flex: 0 0 auto;
  }

  .tdab-b4-pairing .tdab-b4-generate-form input[type='password'],
  .tdab-b4-shell .tdab-b4-confirm-form input[type='password'],
  .tdab-b4-shell .tdab-b4-confirm-form .button,
  .tdab-b4-shell .tdab-b4-discard-form .button,
  .tdab-b4-shell .tdab-b4-generate-form .button,
  .tdab-b4-pairing .tdab-b4-generate-form .button {
    min-height: var(--tdab-wp-control-height-mobile);
  }

  /* B4 pairing/snapshot metadata: stack label→value full-width (desktop keeps 2-col) */
  .tdab-b4-shell .tdab-b4-meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-b4-shell .tdab-b4-meta dd,
  .tdab-b4-shell .tdab-b4-meta dd code {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .tdab-b2-shell .tdab-b4-shell.tdab-outbound-preview,
  .tdab-b4-shell.tdab-outbound-preview {
    padding: var(--tdab-wp-card-padding-mobile);
  }
}

/* —— Agent Ready editor + metadata cards (2026-08-01 UI rebuild) —— */
.tdab-editor-agent-ready,
#tdab-agent-ready .inside {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.tdab-editor-lede {
  margin: 0 0 var(--tdab-space-12);
  color: #646970;
}

.tdab-editor-scorebar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdab-space-12);
  margin: 0 0 var(--tdab-space-16);
  padding: var(--tdab-space-12) var(--tdab-space-16);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: #fff;
}

.tdab-editor-scorebar.is-strong {
  border-color: rgba(10, 125, 107, 0.35);
  background: #f3fbf9;
}

.tdab-editor-scorebar.is-warn {
  border-color: rgba(178, 106, 0, 0.35);
  background: #fff8ef;
}

.tdab-editor-scorebar.is-weak {
  border-color: rgba(179, 45, 46, 0.28);
  background: #fff5f5;
}

.tdab-editor-scorebar-main {
  display: flex;
  align-items: baseline;
  gap: var(--tdab-space-8);
}

.tdab-editor-score-value {
  font-family: var(--tdab-font-family-display);
  font-size: 28px;
  font-weight: 600;
  color: var(--tdab-wp-color-ink);
  line-height: 1;
}

.tdab-editor-score-denom {
  font-size: 14px;
  color: #646970;
  font-weight: 500;
}

.tdab-editor-score-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: #edf7f5;
  color: #0a7d6b;
  font-size: 12px;
  font-weight: 600;
}

.tdab-editor-scorebar.is-warn .tdab-editor-score-badge {
  background: #fff1dc;
  color: #8a5a00;
}

.tdab-editor-scorebar.is-weak .tdab-editor-score-badge {
  background: #fdeeee;
  color: #b32d2e;
}

.tdab-editor-scorebar-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: #646970;
  font-size: 13px;
}

.tdab-editor-scorebar-meta strong {
  color: var(--tdab-wp-color-ink);
  font-size: 14px;
}

.tdab-editor-shell {
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: #fff;
  overflow: hidden;
  max-width: 100%;
  min-width: 0;
}

.tdab-editor-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0;
  padding: 0 var(--tdab-space-8);
  border-bottom: 1px solid var(--tdab-wp-color-border);
  background: #f6f7f7;
}

.tdab-editor-tab {
  appearance: none;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  margin: 0;
  padding: 0 var(--tdab-space-12);
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #646970;
  font-family: var(--tdab-font-family-body);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.tdab-editor-tab.is-active,
.tdab-editor-tab[aria-selected='true'] {
  color: #0a7d6b;
  border-bottom-color: #0a7d6b;
}

.tdab-editor-tab:focus-visible {
  outline: 2px solid #0a7d6b;
  outline-offset: 2px;
}

.tdab-editor-panel {
  padding: var(--tdab-space-16);
  max-width: 100%;
  min-width: 0;
}

.tdab-editor-panel[hidden] {
  display: none !important;
}

.tdab-editor-accordion {
  margin: 0 0 var(--tdab-space-12);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: 8px;
  background: #fff;
  max-width: 100%;
}

.tdab-editor-accordion > summary {
  cursor: pointer;
  list-style: none;
  padding: var(--tdab-space-12) var(--tdab-space-16);
  font-weight: 600;
  color: var(--tdab-wp-color-ink);
  min-height: var(--tdab-wp-control-height);
  display: flex;
  align-items: center;
}

.tdab-editor-accordion > summary::-webkit-details-marker {
  display: none;
}

.tdab-editor-accordion[open] > summary {
  border-bottom: 1px solid var(--tdab-wp-color-border);
}

.tdab-editor-accordion > *:not(summary) {
  padding: 0 var(--tdab-space-16) var(--tdab-space-16);
}

.tdab-editor-findings {
  margin: var(--tdab-space-12) 0 0;
  padding: 0;
  list-style: none;
}

.tdab-editor-finding {
  margin: 0 0 var(--tdab-space-12);
  padding: var(--tdab-space-12);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: 8px;
  background: #fbfcfc;
}

.tdab-editor-finding-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdab-space-8);
}

.tdab-editor-finding-status {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: #f0f0f1;
  color: #50575e;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.tdab-editor-finding--pass .tdab-editor-finding-status {
  background: #edf7f5;
  color: #0a7d6b;
}

.tdab-editor-finding--warning .tdab-editor-finding-status {
  background: #fff1dc;
  color: #8a5a00;
}

.tdab-editor-finding--fail .tdab-editor-finding-status {
  background: #fdeeee;
  color: #b32d2e;
}

.tdab-editor-dev-evidence {
  margin-top: var(--tdab-space-8);
}

.tdab-editor-dev-evidence > summary {
  cursor: pointer;
  color: #646970;
  font-size: 12px;
}

.tdab-editor-summary-preview {
  margin-top: var(--tdab-space-12);
  padding: var(--tdab-space-16);
  border-radius: 8px;
  background: #f6f7f7;
  border: 1px solid var(--tdab-wp-color-border);
}

.tdab-editor-summary-kicker {
  margin: 0 0 var(--tdab-space-8);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #646970;
}

.tdab-editor-summary-body {
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-size: 15px;
  line-height: 1.5;
}

.tdab-editor-summary-intent {
  margin: var(--tdab-space-8) 0 0;
  color: #646970;
  font-size: 13px;
}

.tdab-editor-guidance {
  margin: 0 0 var(--tdab-space-12);
  padding: var(--tdab-space-12);
  border-radius: 8px;
  background: #f6f7f7;
}

.tdab-meta-fields,
.tdab-meta-section {
  max-width: 720px;
  min-width: 0;
}

.tdab-meta-section {
  margin: 0 0 var(--tdab-space-16);
  padding: var(--tdab-wp-card-padding);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: #fff;
  box-sizing: border-box;
}

.tdab-meta-section-title {
  margin: 0 0 var(--tdab-space-8);
  font-size: 16px;
  font-weight: 600;
  color: var(--tdab-wp-color-ink);
}

.tdab-meta-subtitle {
  margin: var(--tdab-space-16) 0 var(--tdab-space-8);
  font-size: 14px;
  font-weight: 600;
}

.tdab-meta-help {
  margin: 0 0 var(--tdab-space-12);
  color: #646970;
  font-size: 13px;
  line-height: 1.45;
}

.tdab-meta-label {
  display: block;
  margin: 0 0 6px;
  font-weight: 600;
  color: var(--tdab-wp-color-ink);
}

.tdab-meta-field {
  margin: 0 0 var(--tdab-space-12);
}

.tdab-meta-select,
.tdab-meta-input,
.tdab-meta-textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.tdab-meta-check-grid,
.tdab-meta-claims-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}

.tdab-meta-check,
.tdab-meta-claim-card {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: 8px;
  background: #fbfcfc;
  cursor: pointer;
}

.tdab-meta-claim-card:has(input:checked),
.tdab-meta-check:has(input:checked) {
  border-color: rgba(10, 125, 107, 0.45);
  background: #f3fbf9;
}

.tdab-meta-custom-claims {
  display: grid;
  gap: 10px;
}

.tdab-admin .tdab-s1-shell-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tdab-space-12);
  margin: 0 0 var(--tdab-space-8);
  padding: var(--tdab-space-16) var(--tdab-space-16) 0;
  border: 1px solid var(--tdab-wp-color-border);
  border-bottom: 0;
  border-radius: var(--tdab-wp-radius-card) var(--tdab-wp-radius-card) 0 0;
  background: #fff;
}

.tdab-admin .tdab-s1-tabs.is-integrated {
  margin: 0 0 var(--tdab-space-16);
  padding: 0 var(--tdab-space-8);
  border: 1px solid var(--tdab-wp-color-border);
  border-top: 0;
  border-radius: 0 0 var(--tdab-wp-radius-card) var(--tdab-wp-radius-card);
  background: #fff;
}

.tdab-admin .tdab-s4-summary-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--tdab-space-12);
  margin: 0 0 var(--tdab-space-16);
}

.tdab-admin .tdab-s4-summary-card {
  padding: var(--tdab-space-16);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: 8px;
  background: #fff;
}

.tdab-admin .tdab-s4-summary-card strong {
  display: block;
  font-size: 24px;
  line-height: 1.1;
  color: var(--tdab-wp-color-ink);
}

.tdab-admin .tdab-s4-summary-card span {
  color: #646970;
  font-size: 13px;
}

.tdab-admin .tdab-s4-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tdab-space-8);
  margin: 0 0 var(--tdab-space-12);
  align-items: end;
}

.tdab-admin .tdab-s4-toolbar .tdab-s4-toolbar-field {
  margin: 0;
  min-width: 140px;
  flex: 1 1 140px;
}

.tdab-admin .tdab-s4-row-details {
  margin-top: 6px;
}

.tdab-admin .tdab-s4-row-details > summary {
  cursor: pointer;
  color: #0a7d6b;
  font-size: 12px;
  font-weight: 600;
}

.tdab-admin .tdab-s3-lead,
.tdab-admin .tdab-s3-row {
  box-shadow: none;
}

.tdab-admin .tdab-s3-tech > summary {
  font-weight: 600;
}

@media (max-width: 767px) {
  .tdab-meta-check-grid,
  .tdab-meta-claims-grid,
  .tdab-admin .tdab-s4-summary-cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-meta-section {
    padding: var(--tdab-wp-card-padding-mobile);
  }

  .tdab-editor-tabs {
    padding: 0;
  }

  .tdab-editor-tab {
    flex: 1 1 auto;
    justify-content: center;
    min-height: 44px;
  }

  .tdab-editor-panel,
  .tdab-editor-scorebar {
    padding: var(--tdab-space-12);
  }
}

/* —— Yoast-class product admin shell (Direction A identity retained) —— */
.tdab-admin.tdab-app {
  background: var(--tdab-wp-color-bg);
  padding: var(--tdab-space-16) var(--tdab-space-16) var(--tdab-space-32);
  border-radius: var(--tdab-wp-radius-card);
}

.tdab-admin.tdab-app .tdab-app-main {
  max-width: 100%;
  min-width: 0;
}

.tdab-admin.tdab-app .tdab-s1-tabs {
  background: var(--tdab-wp-color-card);
}

.tdab-admin.tdab-app .tdab-s1-header {
  margin: 0;
  padding: 0 0 var(--tdab-space-8);
  border: 0;
  background: transparent;
}

.tdab-admin.tdab-app .tdab-s1-tabs {
  margin: 0 0 var(--tdab-space-16);
  padding: 0 var(--tdab-space-8);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
}

.tdab-admin.tdab-app .tdab-card,
.tdab-admin.tdab-app .tdab-s4-panel,
.tdab-admin.tdab-app .tdab-s3-lead,
.tdab-admin.tdab-app .tdab-meta-section {
  background: var(--tdab-wp-color-card);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.tdab-admin .tdab-status-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdab-space-12);
  margin: 0 0 var(--tdab-space-12);
  padding: var(--tdab-space-16);
  border: 1px solid rgba(10, 125, 107, 0.28);
  border-radius: var(--tdab-wp-radius-card);
  background: #f3fbf9;
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-status-banner-kicker {
  margin: 0 0 4px;
  color: var(--tdab-wp-color-teal);
  font-size: var(--tdab-wp-font-size-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.tdab-admin .tdab-status-banner-text {
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-size: var(--tdab-wp-font-size-body);
  line-height: 1.45;
  max-width: 52rem;
}

.tdab-admin .tdab-status-banner-action {
  flex: 0 0 auto;
}

.tdab-admin .tdab-help-bubble {
  margin: 0 0 var(--tdab-space-16);
  padding: 0;
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: 999px;
  background: var(--tdab-wp-color-card);
  max-width: max-content;
  min-width: 0;
}

.tdab-admin .tdab-help-bubble > summary {
  cursor: pointer;
  list-style: none;
  padding: 8px 14px;
  color: var(--tdab-wp-color-teal);
  font-size: 13px;
  font-weight: 600;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
}

.tdab-admin .tdab-help-bubble > summary::-webkit-details-marker {
  display: none;
}

.tdab-admin .tdab-help-bubble[open] {
  border-radius: var(--tdab-wp-radius-card);
  max-width: 36rem;
}

.tdab-admin .tdab-help-bubble[open] > summary {
  border-bottom: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card) var(--tdab-wp-radius-card) 0 0;
  width: 100%;
  box-sizing: border-box;
}

.tdab-admin .tdab-help-bubble > p {
  margin: 0;
  padding: var(--tdab-space-12) var(--tdab-space-16) var(--tdab-space-16);
  color: var(--tdab-wp-color-gray);
  font-size: 13px;
  line-height: 1.45;
}

.tdab-admin .tdab-app-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  gap: var(--tdab-space-16);
  align-items: start;
  max-width: 100%;
  min-width: 0;
  margin: 0 0 var(--tdab-space-16);
}

.tdab-admin .tdab-app-primary {
  min-width: 0;
  max-width: 100%;
}

.tdab-admin .tdab-s2-body--with-rail {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
}

.tdab-admin .tdab-s2-body-main {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr);
  gap: var(--tdab-space-16);
  min-width: 0;
  max-width: 100%;
}

.tdab-admin .tdab-learn-rail {
  display: grid;
  gap: var(--tdab-space-12);
  min-width: 0;
}

.tdab-admin .tdab-learn-card {
  margin: 0;
  padding: var(--tdab-space-16);
  gap: var(--tdab-space-8);
}

.tdab-admin .tdab-learn-kicker {
  margin: 0;
  color: var(--tdab-wp-color-teal);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.tdab-admin .tdab-learn-title {
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.tdab-admin .tdab-learn-copy {
  margin: 0;
  color: var(--tdab-wp-color-gray);
  font-size: 13px;
  line-height: 1.45;
}

.tdab-admin .tdab-learn-link {
  color: var(--tdab-wp-color-teal);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.tdab-admin .tdab-learn-link:hover,
.tdab-admin .tdab-learn-link:focus {
  text-decoration: underline;
}

.tdab-admin .tdab-learn-link--secondary {
  display: inline-block;
  margin-top: var(--tdab-space-8);
  font-weight: 500;
  color: var(--tdab-wp-color-gray);
}

.tdab-admin .tdab-learn-card--muted {
  background: #f6f7f7;
}

.tdab-admin .tdab-s3-lead {
  padding: var(--tdab-wp-card-padding);
}

.tdab-admin .tdab-s3-list {
  display: grid;
  gap: var(--tdab-space-8);
  margin: var(--tdab-space-16) 0 0;
  padding: 0;
  list-style: none;
}

.tdab-admin .tdab-s3-row {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: var(--tdab-wp-color-card);
}

.tdab-admin .tdab-s3-row-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: var(--tdab-space-12);
  align-items: center;
  padding: var(--tdab-space-12) var(--tdab-space-16);
}

.tdab-admin .tdab-s2-score-ring {
  box-shadow: inset 0 0 0 1px rgba(10, 125, 107, 0.12);
}

.tdab-admin .tdab-report-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: var(--tdab-space-16);
  margin: 0 0 var(--tdab-space-16);
  max-width: 100%;
  min-width: 0;
}

.tdab-admin .tdab-report-card {
  margin: 0 0 var(--tdab-space-16);
  padding: var(--tdab-space-16);
}

.tdab-admin .tdab-report-visual {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tdab-space-16);
  min-width: 0;
}

.tdab-admin .tdab-report-copy {
  flex: 1 1 12rem;
  min-width: 0;
}

.tdab-admin .tdab-report-kicker {
  margin: 0 0 4px;
  color: var(--tdab-wp-color-teal);
  font-size: var(--tdab-wp-font-size-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.tdab-admin .tdab-report-title {
  margin: 0 0 var(--tdab-space-12);
  color: var(--tdab-wp-color-ink);
  font-family: var(--tdab-font-family-display);
  font-size: var(--tdab-wp-font-size-h2);
  line-height: 1.25;
}

.tdab-admin .tdab-report-donut {
  --tdab-donut-a: 0deg;
  --tdab-donut-b: 0deg;
  --tdab-donut-c: 0deg;
  position: relative;
  width: 96px;
  height: 96px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #dcdcde;
}

.tdab-admin .tdab-report-donut--findings {
  background: conic-gradient(
    #b32d2e 0 var(--tdab-donut-a),
    #dba617 var(--tdab-donut-a) var(--tdab-donut-b),
    #72aee6 var(--tdab-donut-b) 360deg
  );
}

.tdab-admin .tdab-report-donut--content {
  background: conic-gradient(
    #0a7d6b 0 var(--tdab-donut-a),
    #dba617 var(--tdab-donut-a) var(--tdab-donut-b),
    #00b8ff var(--tdab-donut-b) var(--tdab-donut-c),
    #c3c4c7 var(--tdab-donut-c) 360deg
  );
}

.tdab-admin .tdab-report-donut-center {
  position: absolute;
  inset: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--tdab-wp-color-card);
  color: var(--tdab-wp-color-ink);
  text-align: center;
  line-height: 1.15;
}

.tdab-admin .tdab-report-donut-center strong {
  font-size: 1.25rem;
}

.tdab-admin .tdab-report-donut-center span {
  font-size: 0.6875rem;
  color: var(--tdab-wp-color-muted, #646970);
}

.tdab-admin .tdab-report-legend {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
  min-width: 0;
}

.tdab-admin .tdab-report-legend li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--tdab-wp-color-ink);
  font-size: var(--tdab-wp-font-size-body);
}

.tdab-admin .tdab-report-swatch {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  flex: 0 0 auto;
}

.tdab-admin .tdab-report-swatch--high { background: #b32d2e; }
.tdab-admin .tdab-report-swatch--medium { background: #dba617; }
.tdab-admin .tdab-report-swatch--info { background: #72aee6; }
.tdab-admin .tdab-report-swatch--included { background: #0a7d6b; }
.tdab-admin .tdab-report-swatch--unconfigured { background: #dba617; }
.tdab-admin .tdab-report-swatch--needs { background: #00b8ff; }
.tdab-admin .tdab-report-swatch--excluded { background: #c3c4c7; }

.tdab-admin .tdab-report-note {
  margin: var(--tdab-space-12) 0 0;
}

.tdab-admin .tdab-s3-report .tdab-s3-toolbar {
  margin: var(--tdab-space-16) 0 0;
  justify-content: flex-end;
}

.tdab-admin .tdab-report-grid .tdab-s4-summary-cards {
  margin: 0;
}

.tdab-admin .tdab-dash-welcome {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: var(--tdab-space-16);
  margin: 0 0 var(--tdab-space-16);
  padding: var(--tdab-space-16);
}

.tdab-admin .tdab-dash-welcome-lead,
.tdab-admin .tdab-dash-welcome-state,
.tdab-admin .tdab-dash-welcome-next {
  margin: 0 0 var(--tdab-space-8);
  line-height: 1.45;
}

.tdab-admin .tdab-dash-welcome-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tdab-space-8);
  align-items: flex-start;
  align-content: flex-start;
}

.tdab-admin .tdab-dash-welcome-state.is-loading {
  color: var(--tdab-wp-color-teal);
  font-weight: 600;
}

.tdab-admin .tdab-dash-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--tdab-space-12);
  margin: 0 0 var(--tdab-space-16);
}

.tdab-admin a.tdab-dash-metric {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: var(--tdab-space-12);
  text-decoration: none;
  color: inherit;
  border-left: 3px solid var(--tdab-wp-color-border);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.tdab-admin a.tdab-dash-metric:hover,
.tdab-admin a.tdab-dash-metric:focus {
  border-left-color: var(--tdab-wp-color-teal);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.tdab-admin .tdab-dash-metric--good { border-left-color: #0a7d6b; }
.tdab-admin .tdab-dash-metric--warn { border-left-color: #dba617; }
.tdab-admin .tdab-dash-metric--bad { border-left-color: #b32d2e; }
.tdab-admin .tdab-dash-metric--empty { border-left-color: #c3c4c7; }
.tdab-admin .tdab-dash-metric--preview { border-left-color: #00b8ff; }
.tdab-admin .tdab-dash-metric--stale { border-left-color: #dba617; }
.tdab-admin .tdab-dash-metric--ready { border-left-color: #0a7d6b; }

.tdab-admin .tdab-dash-metric-label {
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-wp-font-size-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tdab-admin .tdab-dash-metric-value {
  font-size: 1.35rem;
  line-height: 1.2;
  color: var(--tdab-wp-color-ink);
}

.tdab-admin .tdab-dash-metric-value span {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--tdab-wp-color-gray);
}

.tdab-admin .tdab-dash-metric-help {
  color: var(--tdab-wp-color-gray);
  font-size: 12px;
  line-height: 1.35;
}

.tdab-admin .tdab-dash-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.tdab-admin .tdab-dash-chip.is-active {
  border-color: var(--tdab-wp-color-teal);
  color: var(--tdab-wp-color-teal);
  font-weight: 600;
}

.tdab-admin .tdab-s2-category-action {
  display: inline-block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  color: var(--tdab-wp-color-teal);
}

.tdab-admin .tdab-s4-guide-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--tdab-space-12);
  margin: 0 0 var(--tdab-space-16);
}

.tdab-admin .tdab-s4-guide-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: var(--tdab-space-12);
}

.tdab-admin .tdab-s4-guide-card.is-needs-meta {
  border-color: rgba(219, 166, 23, 0.45);
}

.tdab-admin .tdab-s4-guide-card.is-stale {
  border-color: rgba(179, 45, 46, 0.35);
}

.tdab-admin .tdab-s4-guide-title {
  margin: 0;
  font-size: 15px;
  line-height: 1.3;
}

.tdab-admin .tdab-s4-guide-status,
.tdab-admin .tdab-s4-guide-meta {
  margin: 0;
  font-size: 13px;
}

.tdab-admin .tdab-s4-spreadsheet {
  margin: 0 0 var(--tdab-space-16);
  padding: var(--tdab-space-12);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: var(--tdab-wp-color-card);
}

.tdab-admin .tdab-s4-spreadsheet > summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--tdab-wp-color-teal);
}

.tdab-admin .tdab-settings-advanced-banner {
  grid-column: 1 / -1;
  margin: 0 0 var(--tdab-space-12);
  padding: var(--tdab-space-12) var(--tdab-space-16);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: #f6f7f7;
}

.tdab-admin .tdab-s3-lead-next {
  margin: 0 0 var(--tdab-space-12);
  padding: var(--tdab-space-12);
  border-radius: var(--tdab-wp-radius-card);
  background: #f3fbf9;
  border: 1px solid rgba(10, 125, 107, 0.2);
}

@media (max-width: 1100px) {
  .tdab-admin .tdab-dash-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tdab-admin .tdab-dash-welcome {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  .tdab-admin.tdab-app {
    padding: var(--tdab-space-12);
  }

  .tdab-admin .tdab-app-layout,
  .tdab-admin .tdab-s2-body--with-rail,
  .tdab-admin .tdab-s2-body-main,
  .tdab-admin .tdab-s3-row,
  .tdab-admin .tdab-report-grid,
  .tdab-admin .tdab-dash-metrics {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-admin .tdab-s1-lockup,
  .tdab-admin .tdab-brand-lockup {
    width: 100%;
  }

  .tdab-admin .tdab-s1-title,
  .tdab-admin .tdab-brand-wordmark {
    font-size: min(var(--tdab-s1-title-size), 22px);
  }

  .tdab-admin .tdab-status-banner {
    padding: var(--tdab-wp-card-padding-mobile);
  }

  .tdab-admin .tdab-help-bubble {
    max-width: 100%;
    border-radius: var(--tdab-wp-radius-card);
  }

  .tdab-admin .tdab-help-bubble > summary {
    width: 100%;
    box-sizing: border-box;
  }
}

/* --- Premium admin shell refresh (Yoast-class polish, behavior unchanged) --- */
.tdab-admin.tdab-app {
  --tdab-prem-bg: #f6f8fc;
  --tdab-prem-surface: #ffffff;
  --tdab-prem-surface-soft: #f6f8fc;
  --tdab-prem-border: #dce5f0;
  --tdab-prem-ink: #172033;
  --tdab-prem-muted: #52627a;
  --tdab-prem-accent: #087f6f;
  --tdab-prem-accent-ink: #0d5f54;
  --tdab-prem-good: #166534;
  --tdab-prem-warn: #92400e;
  --tdab-prem-bad: #b91c1c;
  --tdab-prem-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
  --tdab-prem-shadow-strong: 0 18px 40px rgba(15, 23, 42, 0.12);

  background:
    radial-gradient(circle at top left, rgba(56, 189, 248, 0.12), transparent 48%),
    radial-gradient(circle at top right, rgba(16, 185, 129, 0.1), transparent 52%),
    var(--tdab-prem-bg);
  max-width: 1320px;
  padding-right: 4px;
}

.tdab-admin.tdab-app .tdab-app-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#toplevel_page_tdab-settings .wp-menu-image img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  object-position: center;
  margin-top: 7px;
}

.tdab-admin .tdab-s1-header,
.tdab-admin .tdab-settings-header {
  border-radius: 18px;
  border: 1px solid var(--tdab-color-border);
  background:
    linear-gradient(
      90deg,
      rgba(0, 220, 185, 0.08) 0%,
      rgba(0, 184, 255, 0.06) 45%,
      rgba(255, 107, 35, 0.05) 100%
    ),
    #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  padding: 22px;
}

.tdab-admin .tdab-s1-lockup,
.tdab-admin .tdab-brand-lockup {
  width: 100%;
}

.tdab-admin .tdab-s1-header .tdab-s1-title,
.tdab-admin .tdab-settings-header .tdab-s1-title,
.tdab-admin .tdab-s1-header .tdab-brand-wordmark,
.tdab-admin .tdab-settings-header .tdab-brand-wordmark {
  color: var(--tdab-color-text);
  text-shadow: none;
}

.tdab-admin .tdab-s1-header .tdab-s1-byline,
.tdab-admin .tdab-settings-header .tdab-s1-byline,
.tdab-admin .tdab-s1-header .tdab-brand-byline,
.tdab-admin .tdab-settings-header .tdab-brand-byline,
.tdab-admin .tdab-s1-header .tdab-s1-tagline,
.tdab-admin .tdab-settings-header .tdab-s1-tagline {
  color: var(--tdab-color-muted);
}

.tdab-admin .tdab-s1-header .tdab-brand-mark-frame,
.tdab-admin .tdab-settings-header .tdab-brand-mark-frame {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 13px;
  border: 1px solid rgba(8, 127, 111, 0.28);
  background: #ffffff;
  box-shadow: none;
}

.tdab-admin .tdab-s1-tabs {
  position: sticky;
  top: 32px;
  z-index: 20;
  margin-top: 14px;
  margin-bottom: 0;
  border: 1px solid var(--tdab-prem-border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08);
  padding: 8px;
  gap: 8px;
  flex-wrap: wrap;
  overflow-x: visible;
  overflow-y: visible;
  max-width: 100%;
  min-width: 0;
  scrollbar-width: none;
}

.tdab-admin .tdab-s1-tabs::-webkit-scrollbar {
  display: none;
}

.tdab-admin .tdab-s1-tab {
  white-space: normal;
  flex: 0 1 auto;
  max-width: 100%;
  border-radius: 10px;
  border: 1px solid transparent;
  margin: 0;
  min-height: 36px;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  text-decoration: none;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.tdab-admin .tdab-s1-tab:hover,
.tdab-admin .tdab-s1-tab:focus {
  color: var(--tdab-prem-ink);
  background: var(--tdab-prem-surface-soft);
  border-color: #d0dbe7;
}

.tdab-admin .tdab-s1-tab.is-active,
.tdab-admin .tdab-s1-tab[aria-current='page'] {
  border-color: #99f6e4;
  background: #ecfeff;
  color: #0f766e;
}

.tdab-admin #tdab-admin-notices .notice {
  margin: 0;
  border-radius: 12px;
  border: 1px solid var(--tdab-prem-border);
  box-shadow: var(--tdab-prem-shadow);
}

.tdab-admin .tdab-premium-overview {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  border-radius: 16px;
  border: 1px solid var(--tdab-prem-border);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, #ffffff 100%);
  box-shadow: var(--tdab-prem-shadow);
  padding: 16px 18px;
}

.tdab-admin .tdab-premium-overview-copy h2 {
  margin: 2px 0 6px;
  color: var(--tdab-prem-ink);
  font-size: 22px;
  line-height: 1.3;
}

.tdab-admin .tdab-premium-overview-kicker {
  margin: 0;
  color: #0f766e;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tdab-admin .tdab-premium-overview-note {
  margin: 0;
  color: var(--tdab-prem-muted);
  max-width: 70ch;
}

.tdab-admin .tdab-premium-overview-chips {
  display: grid;
  grid-template-columns: repeat(3, minmax(155px, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tdab-admin .tdab-premium-chip {
  border-radius: 12px;
  border: 1px solid var(--tdab-prem-border);
  background: var(--tdab-prem-surface-soft);
  min-height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 10px 12px;
}

.tdab-admin .tdab-premium-chip-label {
  color: var(--tdab-prem-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tdab-admin .tdab-premium-chip-value {
  color: var(--tdab-prem-ink);
  font-size: 16px;
  line-height: 1.2;
}

.tdab-admin .tdab-premium-chip--good {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.tdab-admin .tdab-premium-chip--good .tdab-premium-chip-value {
  color: var(--tdab-prem-good);
}

.tdab-admin .tdab-premium-chip--warn {
  border-color: #fde68a;
  background: #fffbeb;
}

.tdab-admin .tdab-premium-chip--warn .tdab-premium-chip-value {
  color: var(--tdab-prem-warn);
}

.tdab-admin .tdab-premium-chip--bad {
  border-color: #fecaca;
  background: #fef2f2;
}

.tdab-admin .tdab-premium-chip--bad .tdab-premium-chip-value {
  color: var(--tdab-prem-bad);
}

.tdab-admin .tdab-card,
.tdab-admin .tdab-s4-panel,
.tdab-admin .tdab-s5-card,
.tdab-admin .tdab-s6-panel,
.tdab-admin .tdab-s7-card,
.tdab-admin .tdab-s7-danger,
.tdab-admin .tdab-s8-score,
.tdab-admin .tdab-s8-list,
.tdab-admin .tdab-s8-card,
.tdab-admin .tdab-s5-conflict,
.tdab-admin .tdab-status-banner,
.tdab-admin .tdab-help-bubble {
  border-radius: 14px;
  border: 1px solid var(--tdab-prem-border);
  background: var(--tdab-prem-surface);
  box-shadow: var(--tdab-prem-shadow);
}

.tdab-admin .tdab-status-banner {
  border-left: 4px solid rgba(8, 127, 111, 0.65);
}

.tdab-admin .tdab-s4-summary-card,
.tdab-admin .tdab-s8-score-value,
.tdab-admin .tdab-s8-score-meta,
.tdab-admin .tdab-s8-score-actions {
  border-radius: 12px;
  border: 1px solid var(--tdab-prem-border);
  background: var(--tdab-prem-surface-soft);
}

.tdab-admin .tdab-s5-badge,
.tdab-admin .tdab-s7-badge,
.tdab-admin .tdab-s8-card-badge {
  border-radius: 999px;
  font-weight: 600;
}

.tdab-admin .tdab-s4-table-wrap {
  border: 1px solid var(--tdab-prem-border);
  border-radius: 12px;
  overflow: auto;
  background: #fff;
}

.tdab-admin .tdab-s4-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--tdab-prem-surface-soft);
}

.tdab-admin .tdab-s4-table td,
.tdab-admin .tdab-s4-table th {
  padding-top: 10px;
  padding-bottom: 10px;
}

.tdab-admin .tdab-s4-table tbody tr:nth-child(even) {
  background: rgba(248, 250, 252, 0.7);
}

.tdab-admin .tdab-s4-table tbody tr:hover {
  background: #ecfeff;
}

.tdab-admin .tdab-meta-check-grid,
.tdab-admin .tdab-meta-claims-grid {
  gap: 10px;
}

.tdab-admin .tdab-meta-check,
.tdab-admin .tdab-meta-claim-card {
  border-radius: 999px;
  border: 1px solid #cbd5e1;
  padding: 9px 12px;
  background: #fff;
}

.tdab-admin .tdab-meta-check input:checked + span,
.tdab-admin .tdab-meta-claim-card input:checked + .tdab-meta-claim-label {
  color: var(--tdab-prem-good);
  font-weight: 600;
}

.tdab-admin .tdab-editor-accordion {
  border: 1px solid #dbe4ee;
  border-radius: 12px;
  background: #fff;
  margin-bottom: 10px;
}

.tdab-admin .tdab-editor-accordion > summary {
  padding: 10px 12px;
  font-weight: 600;
}

.tdab-admin .tdab-editor-accordion > :not(summary) {
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
}

.tdab-admin .regular-text,
.tdab-admin input[type='text'],
.tdab-admin input[type='url'],
.tdab-admin input[type='password'],
.tdab-admin input[type='email'],
.tdab-admin input[type='search'],
.tdab-admin input[type='number'],
.tdab-admin select,
.tdab-admin textarea {
  border: 1px solid #c7d2de;
  border-radius: 10px;
  min-height: var(--tdab-wp-control-height, 40px);
  padding: 6px 10px;
  background: #fff;
  color: var(--tdab-prem-ink);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.tdab-admin textarea {
  min-height: 120px;
}

.tdab-admin .regular-text:focus,
.tdab-admin input[type='text']:focus,
.tdab-admin input[type='url']:focus,
.tdab-admin input[type='password']:focus,
.tdab-admin input[type='email']:focus,
.tdab-admin input[type='search']:focus,
.tdab-admin input[type='number']:focus,
.tdab-admin select:focus,
.tdab-admin textarea:focus {
  border-color: #38bdf8;
  box-shadow: 0 0 0 1px #38bdf8;
  outline: none;
}

.tdab-admin .button {
  border-radius: 10px;
  border-color: #c9d5e3;
  min-height: var(--tdab-wp-control-height, 40px);
  font-weight: 600;
  box-shadow: none;
}

.tdab-admin .button:hover,
.tdab-admin .button:focus {
  border-color: #9fb5cb;
}

.tdab-admin .button-primary {
  background: var(--tdab-prem-accent);
  border-color: var(--tdab-prem-accent-ink);
  color: #fff;
}

.tdab-admin .button-primary:hover,
.tdab-admin .button-primary:focus {
  background: var(--tdab-prem-accent-ink);
  border-color: #0a4b43;
  color: #fff;
}

.tdab-admin .button-secondary {
  background: #fff;
  border-color: #b8c8d8;
  color: #0f172a;
}

.tdab-admin .button-link-delete,
.tdab-admin a.tdab-s6-disconnect {
  color: #b91c1c;
}

.tdab-admin .tdab-s5-code,
.tdab-admin .tdab-s6-payload {
  border-radius: 12px;
  border: 1px solid #d6e0ea;
  background: #0f172a;
  color: #e2e8f0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.tdab-admin .tdab-s5-copy-input.is-copied {
  border-color: #22c55e;
  box-shadow: 0 0 0 1px #22c55e;
}

.tdab-admin .tdab-help-bubble > summary {
  font-weight: 600;
}

.tdab-admin .tdab-muted {
  color: #5f7085;
}

@media (max-width: 980px) {
  .tdab-admin .tdab-premium-overview {
    flex-direction: column;
  }

  .tdab-admin .tdab-premium-overview-chips {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .tdab-admin .tdab-s1-header,
  .tdab-admin .tdab-settings-header {
    padding: 16px;
    border-radius: 14px;
  }

  .tdab-admin .tdab-s1-tabs {
    top: 46px;
    gap: 6px;
    padding: 6px;
  }

  .tdab-admin .tdab-s1-tab {
    padding: 8px 10px;
    font-size: 12px;
  }

  .tdab-admin .tdab-premium-overview {
    padding: 14px;
  }
}

@media (max-width: 390px) {
  .tdab-admin.tdab-app {
    margin-left: 0;
    padding-right: 0;
  }

  .tdab-admin .tdab-premium-overview-chips {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-admin .tdab-premium-chip {
    min-height: 0;
  }

  .tdab-admin .tdab-card,
  .tdab-admin .tdab-s4-panel,
  .tdab-admin .tdab-s5-card,
  .tdab-admin .tdab-s6-panel,
  .tdab-admin .tdab-s7-card {
    padding-left: 14px;
    padding-right: 14px;
  }
}

/* --- Product-grade shell components --- */
.tdab-admin .tdab-s1-tabs .tdab-s1-tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.tdab-admin .tdab-shell-tab-label {
  display: inline-flex;
  align-items: center;
}

.tdab-admin .tdab-shell-tab-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid transparent;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

.tdab-admin .tdab-shell-tab-badge--good {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

.tdab-admin .tdab-shell-tab-badge--warn {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}

.tdab-admin .tdab-shell-tab-badge--bad {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

.tdab-admin .tdab-shell-tab-badge--neutral {
  border-color: #d7e1ec;
  background: #f8fafc;
  color: #475569;
}

.tdab-admin .tdab-premium-overview--expanded {
  margin-bottom: 0;
}

.tdab-admin .tdab-shell-command {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 14px;
  border: 1px solid var(--tdab-prem-border);
  border-radius: 14px;
  background: var(--tdab-prem-surface);
  box-shadow: var(--tdab-prem-shadow);
  padding: 16px;
}

.tdab-admin .tdab-shell-command-main h3,
.tdab-admin .tdab-shell-command-side h3 {
  margin: 0;
  color: var(--tdab-prem-ink);
  font-size: 18px;
  line-height: 1.3;
}

.tdab-admin .tdab-shell-command-copy {
  margin: 8px 0 0;
  color: var(--tdab-prem-muted);
}

.tdab-admin .tdab-shell-command-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  margin-top: 14px;
}

.tdab-admin .tdab-shell-command-form,
.tdab-admin .tdab-shell-command-link,
.tdab-admin .tdab-shell-command-disabled {
  margin: 0;
}

.tdab-admin .tdab-shell-command-form .button,
.tdab-admin .tdab-shell-command-link.button,
.tdab-admin .tdab-shell-command-disabled .button {
  min-height: 36px;
}

.tdab-admin .tdab-shell-command-disabled {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.tdab-admin .tdab-shell-command-reason {
  margin: 0;
  max-width: 28rem;
  color: #7c2d12;
  font-size: 12px;
}

.tdab-admin .tdab-shell-command-note {
  margin: 12px 0 0;
  color: var(--tdab-prem-muted);
  font-size: 12px;
}

.tdab-admin .tdab-shell-focus-target {
  animation: tdab-shell-focus-pulse 1.2s ease;
}

.tdab-admin .tdab-shell-command-side {
  border: 1px solid var(--tdab-prem-border);
  border-radius: 12px;
  background: var(--tdab-prem-surface-soft);
  padding: 12px;
}

.tdab-admin .tdab-shell-signals {
  display: grid;
  gap: 10px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.tdab-admin .tdab-shell-signal {
  border: 1px solid #d7e1ec;
  border-radius: 10px;
  background: #fff;
  padding: 10px 11px;
}

.tdab-admin .tdab-shell-signal-label {
  margin: 0;
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.tdab-admin .tdab-shell-signal-value {
  margin: 3px 0 0;
  color: #0f172a;
  font-size: 15px;
  font-weight: 700;
}

.tdab-admin .tdab-shell-signal-detail {
  margin: 5px 0 0;
  color: #475569;
  font-size: 12px;
}

.tdab-admin .tdab-shell-signal--good {
  border-color: #bbf7d0;
}

.tdab-admin .tdab-shell-signal--warn {
  border-color: #fde68a;
}

.tdab-admin .tdab-shell-signal--bad {
  border-color: #fecaca;
}

@keyframes tdab-shell-focus-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.45);
  }

  100% {
    box-shadow: 0 0 0 10px rgba(14, 165, 233, 0);
  }
}

@media (max-width: 980px) {
  .tdab-admin .tdab-shell-command {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  .tdab-admin .tdab-shell-tab-badge {
    padding: 2px 6px;
    font-size: 9px;
  }

  .tdab-admin .tdab-shell-command {
    padding: 14px;
    gap: 12px;
  }

  .tdab-admin .tdab-shell-command-actions {
    gap: 8px;
  }
}

/* --- Product-grade settings, graph, findings and inventory extensions --- */
.tdab-admin .tdab-settings-header-card {
  background: linear-gradient(120deg, #0f172a 0%, #1e293b 34%, #0b6b60 78%, #18a999 100%);
  color: #f8fafc;
}

.tdab-admin .tdab-settings-header-card h2,
.tdab-admin .tdab-settings-header-card .tdab-muted,
.tdab-admin .tdab-settings-header-card .tdab-pill {
  color: inherit;
}

.tdab-admin .tdab-settings-branding {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.tdab-admin .tdab-settings-gradient-link {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #05201c;
  text-decoration: none;
  background: linear-gradient(90deg, #99f6e4 0%, #67e8f9 47%, #a7f3d0 100%);
}

.tdab-admin .tdab-settings-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.tdab-admin .tdab-settings-tab {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 999px;
  padding: 7px 12px;
  color: #ecfeff;
  text-decoration: none;
  font-weight: 600;
}

.tdab-admin .tdab-settings-tab.is-active {
  background: #ffffff;
  color: #0f172a;
  border-color: #ffffff;
}

.tdab-admin .tdab-settings-panel .tdab-settings-form-grid {
  display: grid;
  gap: 14px;
}

.tdab-admin .tdab-settings-panel .tdab-settings-form-grid input[type='number'],
.tdab-admin .tdab-settings-panel .tdab-settings-form-grid select {
  min-width: 170px;
}

.tdab-admin .tdab-s2-graph-suite .tdab-s2-graphs-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.tdab-admin .tdab-s2-graph-card {
  border: 1px solid #dbe3ef;
  border-radius: 14px;
  background: #f8fafc;
  padding: 14px;
}

.tdab-admin .tdab-s2-gauge-wrap {
  display: grid;
  place-items: center;
  min-height: 150px;
  position: relative;
}

.tdab-admin .tdab-s2-gauge-svg {
  width: 132px;
  height: 132px;
  transform: rotate(-90deg);
}

.tdab-admin .tdab-s2-gauge-track {
  fill: none;
  stroke: #dbe3ef;
  stroke-width: 11;
}

.tdab-admin .tdab-s2-gauge-fill {
  fill: none;
  stroke: #0e9f8a;
  stroke-width: 11;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.3s ease;
}

.tdab-admin .tdab-s2-gauge-value {
  position: absolute;
  font-size: 29px;
  font-weight: 700;
  color: #0f172a;
}

.tdab-admin .tdab-s2-gauge-value small {
  font-size: 14px;
  color: #475569;
}

.tdab-admin .tdab-s2-bars-svg,
.tdab-admin .tdab-s2-trend-svg {
  width: 100%;
  height: auto;
}

.tdab-admin .tdab-s2-bar-track {
  fill: #e2e8f0;
}

.tdab-admin .tdab-s2-bar-fill {
  fill: #0b8f7d;
}

.tdab-admin .tdab-s2-bar-label {
  font-size: 10px;
  fill: #334155;
}

.tdab-admin .tdab-s2-trend-axis {
  stroke: #cbd5e1;
  stroke-width: 1;
}

.tdab-admin .tdab-s2-trend-line {
  fill: none;
  stroke: #0ea5e9;
  stroke-width: 2.5;
}

.tdab-admin .tdab-s2-trend-point {
  fill: #0284c7;
}

.tdab-admin .tdab-s3-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.tdab-admin .tdab-s3-card-grid.tdab-density-compact {
  gap: 9px;
}

.tdab-admin .tdab-s4-guide-grid.tdab-density-compact {
  gap: 8px;
}

.tdab-admin .tdab-s3-client-card {
  border: 1px solid #d9e4f2;
  border-radius: 14px;
  background: #ffffff;
  padding: 14px;
  display: grid;
  gap: 9px;
}

.tdab-admin .tdab-s3-client-card--high {
  border-left: 4px solid #dc2626;
}

.tdab-admin .tdab-s3-client-card--medium {
  border-left: 4px solid #ca8a04;
}

.tdab-admin .tdab-s3-client-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tdab-admin .tdab-s3-client-evidence ul {
  margin: 8px 0 0 18px;
}

.tdab-admin .tdab-s3-pagination {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.tdab-admin .tdab-s3-pagination .disabled {
  pointer-events: none;
  opacity: 0.5;
}

.tdab-admin .tdab-s4-guide-score {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  margin: 2px 0 0;
  width: max-content;
}

.tdab-admin .tdab-s4-guide-score--good {
  background: #dcfce7;
  color: #166534;
}

.tdab-admin .tdab-s4-guide-score--warn {
  background: #fef3c7;
  color: #92400e;
}

.tdab-admin .tdab-s4-guide-score--bad {
  background: #fee2e2;
  color: #991b1b;
}

.tdab-admin .tdab-s4-guide-url {
  display: inline-block;
  margin: 4px 0 8px;
  color: #334155;
  background: #f1f5f9;
  padding: 2px 8px;
  border-radius: 999px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tdab-admin .tdab-s4-score-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 4px 8px;
  font-weight: 700;
  min-width: 68px;
}

.tdab-admin .tdab-s4-score-badge--good {
  background: #dcfce7;
  color: #166534;
}

.tdab-admin .tdab-s4-score-badge--warn {
  background: #fef3c7;
  color: #92400e;
}

.tdab-admin .tdab-s4-score-badge--bad {
  background: #fee2e2;
  color: #991b1b;
}

.tdab-editor-sidebar-score {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 9px;
  padding: 8px 10px;
  margin-bottom: 10px;
  border: 1px solid #dbe3ef;
}

.tdab-editor-sidebar-score--strong {
  background: #ecfdf5;
}

.tdab-editor-sidebar-score--building {
  background: #fffbeb;
}

.tdab-editor-sidebar-score--early {
  background: #fef2f2;
}

.tdab-editor-sidebar-state {
  margin: 0 0 10px;
  padding: 8px 10px;
  border-radius: 9px;
  border: 1px solid #dbe3ef;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  line-height: 1.4;
}

@media (max-width: 1200px) {
  .tdab-admin .tdab-s2-graph-suite .tdab-s2-graphs-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 782px) {
  .tdab-admin .tdab-s3-card-grid {
    grid-template-columns: 1fr;
  }
}

/* --- WordPress.org review hardening: premium + native admin feel --- */
.toplevel_page_thedotdev-agentic-bridge .tdab-admin.tdab-app {
  margin-top: 14px;
}

.tdab-admin.toplevel_page_thedotdev .tdab-app-main {
  gap: 18px;
}

.tdab-admin.toplevel_page_thedotdev .tdab-s1-tabs {
  top: 40px;
  border-radius: 12px;
  border-color: #d4dee8;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.07);
}

.tdab-admin.toplevel_page_thedotdev .tdab-s1-tab {
  min-height: 38px;
  border-radius: 10px;
}

.tdab-admin.toplevel_page_thedotdev .tdab-premium-overview,
.tdab-admin.toplevel_page_thedotdev .tdab-shell-command,
.tdab-admin.toplevel_page_thedotdev .tdab-status-banner,
.tdab-admin.toplevel_page_thedotdev .tdab-card,
.tdab-admin.toplevel_page_thedotdev .tdab-s4-panel,
.tdab-admin.toplevel_page_thedotdev .tdab-s5-card,
.tdab-admin.toplevel_page_thedotdev .tdab-s6-panel,
.tdab-admin.toplevel_page_thedotdev .tdab-s7-card,
.tdab-admin.toplevel_page_thedotdev .tdab-s8-panel,
.tdab-admin.toplevel_page_thedotdev .tdab-settings-shell,
.tdab-admin.toplevel_page_thedotdev .tdab-settings-panel {
  border-color: #d4dee8;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.tdab-admin.toplevel_page_thedotdev .tdab-premium-overview-note,
.tdab-admin.toplevel_page_thedotdev .tdab-status-banner-text,
.tdab-admin.toplevel_page_thedotdev .tdab-shell-command-note,
.tdab-admin.toplevel_page_thedotdev .tdab-shell-command-copy,
.tdab-admin.toplevel_page_thedotdev .tdab-muted,
.tdab-admin.toplevel_page_thedotdev .description {
  color: #44566c;
}

.tdab-admin.toplevel_page_thedotdev .button.button-primary {
  border-color: #0b7f70;
  background: #0b7f70;
}

.tdab-admin.toplevel_page_thedotdev .button.button-primary:hover,
.tdab-admin.toplevel_page_thedotdev .button.button-primary:focus {
  border-color: #06685b;
  background: #06685b;
}

.tdab-admin.toplevel_page_thedotdev .tdab-settings-tabs {
  row-gap: 10px;
}

.tdab-admin.toplevel_page_thedotdev .tdab-settings-tab {
  min-height: 34px;
}

.tdab-admin.toplevel_page_thedotdev .tdab-settings-panel h3,
.tdab-admin.toplevel_page_thedotdev .tdab-settings-panel h4 {
  color: #0f172a;
}

@media (max-width: 782px) {
  .tdab-admin.toplevel_page_thedotdev .tdab-s1-tabs {
    top: 46px;
  }

  .tdab-admin.toplevel_page_thedotdev .tdab-premium-overview,
  .tdab-admin.toplevel_page_thedotdev .tdab-shell-command,
  .tdab-admin.toplevel_page_thedotdev .tdab-status-banner {
    border-radius: 12px;
  }
}

/* Live-sourced Agentic Bridge lockup (header only). */
.tdab-admin .tdab-brand-lockup {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.tdab-admin .tdab-brand-lockup-svg {
  display: block;
  width: 100%;
  max-width: 240px;
  height: auto;
}

.tdab-admin .tdab-s1-mark--legacy {
  display: none !important;
}

.tdab-admin .tdab-s2-empty,
.tdab-admin .tdab-s3-empty,
.tdab-admin .tdab-s4-empty,
.tdab-admin .tdab-s5-empty,
.tdab-admin .tdab-s6-empty,
.tdab-admin .tdab-s8-empty,
.tdab-admin .tdab-s7-unavailable,
.tdab-admin .tdab-editor-unavailable {
  border: 1px dashed #c8d4e3;
  border-radius: 10px;
  background: #f8fafc;
  color: #334155;
  padding: 12px;
}

.tdab-admin .tdab-s6-connection-glyph-connected {
  background: #16a34a;
}

.tdab-admin .tdab-s6-connection-glyph-disconnected {
  background: #9ca3af;
}

@media (max-width: 767px) {
  .tdab-admin .tdab-brand-lockup-svg {
    width: min(100%, 480px);
  }
}

/* Premium admin refresh (layout-only; preserves handlers/data). */
.tdab-admin.tdab-app {
  --tdab-premium-ink: #172033;
  --tdab-premium-muted: #52627a;
  --tdab-premium-card-border: #dce5f0;
  --tdab-premium-canvas: #f6f8fc;
  --tdab-premium-card: #ffffff;
  --tdab-premium-card-elev: #ffffff;
  --tdab-premium-teal: #00dcb9;
  --tdab-premium-teal-dark: #087f6f;
  --tdab-premium-blue: #00b8ff;
  --tdab-premium-orange: #ff6b23;
  --tdab-premium-radius-card: 14px;
  --tdab-premium-radius-header: 16px;
  --tdab-premium-radius-control: 10px;
  background: var(--tdab-premium-canvas);
  color: var(--tdab-premium-ink);
}

.tdab-admin.tdab-app .tdab-s1-header,
.tdab-editor-brand-header {
  border: 1px solid var(--tdab-premium-card-border);
  background:
    linear-gradient(
      90deg,
      rgba(0, 220, 185, 0.08) 0%,
      rgba(0, 184, 255, 0.06) 45%,
      rgba(255, 107, 35, 0.05) 100%
    ),
    #ffffff;
}

.tdab-admin.tdab-app .tdab-s1-header {
  position: sticky;
  top: 32px;
  z-index: 20;
  margin: 0 0 14px;
  padding: 14px 16px;
  border-radius: var(--tdab-premium-radius-header);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.tdab-admin.tdab-app .tdab-s1-lockup {
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.tdab-admin.tdab-app .tdab-brand-mark-frame {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  border: 1px solid rgba(8, 127, 111, 0.28);
  background: var(--tdab-premium-card);
  box-shadow: none;
}

.tdab-admin.tdab-app .tdab-brand-wordmark {
  font-family: 'Space Grotesk', Inter, system-ui, sans-serif;
  background: linear-gradient(92deg, #087f6f 0%, #00dcb9 38%, #00b8ff 72%, #ff6b23 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.tdab-admin.tdab-app .tdab-brand-byline,
.tdab-admin.tdab-app .tdab-s1-tagline {
  color: var(--tdab-premium-muted);
}

.tdab-shell-header-actions,
.tdab-editor-brand-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.tdab-shell-status-pill,
.tdab-editor-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(8, 127, 111, 0.35);
  background: #ffffff;
  color: var(--tdab-premium-teal-dark);
  font-size: 12px;
  font-weight: 600;
}

.tdab-shell-header-scan-form .button,
.tdab-editor-header-scan-form .button {
  min-height: 36px;
  border: 0;
  border-radius: var(--tdab-premium-radius-control);
  background: linear-gradient(90deg, var(--tdab-premium-teal), var(--tdab-premium-blue));
  color: #062c4a;
  font-weight: 700;
  text-shadow: none;
}

.tdab-admin.tdab-app .tdab-s1-tabs,
.tdab-editor-tabs,
.tdab-settings-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: transparent;
}

.tdab-admin.tdab-app .tdab-s1-tab,
.tdab-editor-tab,
.tdab-settings-tab {
  min-height: 0;
  margin: 0;
  padding: 9px 15px;
  border: 1px solid #e5e7eb;
  border-radius: var(--tdab-premium-radius-control);
  background: #fff;
  color: #1f2937;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.tdab-admin.tdab-app .tdab-s1-tab.is-active,
.tdab-admin.tdab-app .tdab-s1-tab[aria-current='page'],
.tdab-editor-tab.is-active,
.tdab-editor-tab[aria-selected='true'],
.tdab-settings-tab.is-active,
.tdab-settings-tab[aria-current='page'] {
  border-color: #bfe6ff;
  background: #f2fbff;
  color: #062c4a;
}

.tdab-admin.tdab-app .tdab-card,
.tdab-editor-shell,
.tdab-editor-scorebar,
.tdab-editor-accordion,
.tdab-meta-section {
  border: 1px solid var(--tdab-premium-card-border);
  border-radius: var(--tdab-premium-radius-card);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.tdab-admin.tdab-app .tdab-s2-hero-grid {
  grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
  gap: 18px;
}

.tdab-admin.tdab-app .tdab-s2-score-ring {
  width: auto;
  height: auto;
  background: none;
}

.tdab-admin.tdab-app .tdab-s2-score-value,
.tdab-editor-score-value {
  font-family: 'Space Grotesk', Inter, system-ui, sans-serif;
}

.tdab-admin.tdab-app .tdab-s2-attention-item {
  margin-bottom: 10px;
  padding: 14px;
  border: 1px solid var(--tdab-premium-card-border);
  border-radius: 12px;
}

.tdab-admin.tdab-app .tdab-s2-sev-high {
  background: #fde8e8;
  color: #9b1c1c;
}

.tdab-admin.tdab-app .tdab-s2-sev-medium {
  background: #fdf1dc;
  color: #8a5a00;
}

.tdab-admin.tdab-app .tdab-s2-sev-info {
  background: #f3f4f6;
  color: #334155;
}

#tdab-agent-ready .inside {
  margin: 0;
  padding: 14px;
}

.tdab-editor-brand-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 12px;
  padding: 12px;
  border-radius: 14px;
}

.tdab-editor-brand-lockup .tdab-s1-lockup {
  transform-origin: left top;
  transform: scale(0.76);
  margin-right: -60px;
}

@media (max-width: 782px) {
  .tdab-admin.tdab-app .tdab-s1-header {
    top: 46px;
  }

  .tdab-admin.tdab-app .tdab-s2-hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-editor-brand-lockup .tdab-s1-lockup {
    transform: none;
    margin-right: 0;
  }
}

@media (max-width: 390px) {
  .tdab-shell-header-actions,
  .tdab-editor-brand-actions {
    width: 100%;
  }

  .tdab-shell-header-scan-form,
  .tdab-editor-header-scan-form {
    flex: 1 1 100%;
  }

  .tdab-shell-header-scan-form .button,
  .tdab-editor-header-scan-form .button {
    width: 100%;
  }
}

/* Keep global shell flow deterministic across all admin views. */
.tdab-admin.tdab-app #tdab-admin-main {
  display: flex;
  flex-direction: column;
}

.tdab-admin.tdab-app #tdab-admin-main > .tdab-s1-header {
  order: -100;
  position: static;
  top: auto;
  z-index: auto;
}

.tdab-admin.tdab-app #tdab-admin-main > .tdab-s1-tabs {
  order: -90;
  position: static;
  top: auto;
  z-index: auto;
  margin-top: 0;
}

.tdab-admin.tdab-app #tdab-admin-main > :not(.tdab-s1-header):not(.tdab-s1-tabs) {
  order: 0;
}

/* Founder spec: light header bar; brand lockup is a white card chip, not a dark banner. */
.tdab-admin .tdab-s1-header,
.tdab-admin.tdab-app .tdab-s1-header,
.tdab-editor-brand-header {
  background: #f6f7f9 !important;
  background-image: linear-gradient(
    90deg,
    rgba(0, 220, 185, 0.08) 0%,
    rgba(0, 184, 255, 0.06) 45%,
    rgba(255, 107, 35, 0.05) 100%
  ) !important;
  box-shadow: none !important;
  border: 1px solid #e3e6eb !important;
  color: #1d2327 !important;
}

.tdab-admin .tdab-s1-header .tdab-shell-status-pill,
.tdab-admin .tdab-s1-header .tdab-s2-last-checked,
.tdab-admin .tdab-s1-header .tdab-s2-header-meta,
.tdab-admin .tdab-s1-header p {
  color: #1d2327 !important;
}

.tdab-admin .tdab-brand-lockup {
  background: #ffffff !important;
}

.tdab-admin .tdab-brand-lockup,
.tdab-admin.tdab-app .tdab-brand-lockup,
.tdab-admin.tdab-app .tdab-s1-lockup.tdab-brand-lockup {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.tdab-admin--ai-preview,
.tdab-admin--setup,
.tdab-admin--s3 {
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

.tdab-admin--ai-preview .tdab-s1-header,
.tdab-admin--setup .tdab-s1-header,
.tdab-admin--ai-preview .tdab-app-main,
.tdab-admin--setup .tdab-app-main,
.tdab-admin--s3 .tdab-app-main,
.tdab-admin--s3 .tdab-s3-filters,
.tdab-admin--s3 .tdab-s3-filter-controls,
.tdab-admin--s3 .tdab-s3-filter-field,
.tdab-admin--s3 .tdab-s3-search-row,
.tdab-admin--s3 .tdab-s3-search-field {
  max-width: 100%;
  min-width: 0;
}

.tdab-admin--ai-preview .tdab-s3-evidence-code,
.tdab-admin--ai-preview .tdab-ai-tech-evidence-body {
  max-width: 100%;
  overflow-x: auto;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Shared shell nav — wrap all real routes without horizontal scroll at any breakpoint. */
.tdab-admin.tdab-app .tdab-s1-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 100%;
  min-width: 0;
  overflow-x: visible;
  overflow-y: visible;
  align-items: flex-start;
}

.tdab-admin.tdab-app .tdab-s1-tab {
  flex: 0 1 auto;
  white-space: normal;
  text-decoration: none;
}

/* Slice A / P0-4: progressive nav — ≤3 primary tabs + accessible More (light WP admin). */
.tdab-admin.tdab-app .tdab-s1-tabs--progressive {
  gap: 8px;
  flex-wrap: wrap;
  overflow-x: visible;
}

.tdab-admin.tdab-app .tdab-s1-tabs--progressive > .tdab-s1-tab {
  flex: 0 1 auto;
  max-width: 100%;
}

.tdab-admin.tdab-app .tdab-shell-more {
  position: relative;
  flex: 0 1 auto;
  margin: 0;
  min-width: 0;
  max-width: 100%;
}

.tdab-admin.tdab-app .tdab-shell-more-summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  min-height: var(--tdab-wp-control-height, 40px);
  margin: 0;
  padding: 9px 15px;
  border: 1px solid #dcdcde;
  border-radius: 8px;
  background: #fff;
  color: #1d2327;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  list-style: none;
}

.tdab-admin.tdab-app .tdab-shell-more-summary::-webkit-details-marker {
  display: none;
}

.tdab-admin.tdab-app .tdab-shell-more-summary::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  opacity: 0.7;
}

.tdab-admin.tdab-app .tdab-shell-more[open] > .tdab-shell-more-summary {
  border-color: #2271b1;
  background: #f0f6fc;
  color: #135e96;
}

.tdab-admin.tdab-app .tdab-shell-more.is-current > .tdab-shell-more-summary {
  border-color: #2271b1;
}

.tdab-admin.tdab-app .tdab-shell-more-summary:focus {
  outline: none;
}

.tdab-admin.tdab-app .tdab-shell-more-summary:focus-visible {
  outline: 2px solid #0a7d6b;
  outline-offset: 2px;
}

.tdab-admin.tdab-app .tdab-shell-more-panel {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  box-sizing: border-box;
  width: max-content;
  max-width: min(100vw - 32px, 360px);
  margin-top: 8px;
  padding: 12px;
  border: 1px solid #dcdcde;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.tdab-admin.tdab-app .tdab-shell-more-panel .tdab-s1-tab {
  flex: 1 1 calc(50% - 4px);
  min-width: 0;
  justify-content: flex-start;
}

@media (max-width: 767px) {
  .tdab-admin.tdab-app .tdab-shell-more-summary {
    min-height: var(--tdab-wp-control-height-mobile, 44px);
  }

  .tdab-admin.tdab-app .tdab-shell-more-panel {
    width: 100%;
    max-width: 100%;
  }

  .tdab-admin.tdab-app .tdab-shell-more-panel .tdab-s1-tab {
    flex: 1 1 100%;
  }
}

.tdab-admin--ai-preview .tdab-s1-header,
.tdab-admin--setup .tdab-s1-header {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.tdab-admin--ai-preview .tdab-shell-header-actions,
.tdab-admin--setup .tdab-shell-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  max-width: 100%;
}

.tdab-admin--ai-preview .button,
.tdab-admin--setup .button,
.tdab-admin--ai-preview .button-primary,
.tdab-admin--setup .button-primary {
  text-decoration: none;
}

@media (max-width: 782px) {
  .tdab-admin--ai-preview .tdab-shell-header-actions .button,
  .tdab-admin--setup .tdab-shell-header-actions .button,
  .tdab-admin--ai-preview .tdab-ai-preview-actions .button,
  .tdab-admin--ai-preview .tdab-ai-preview-scan-form .button {
    inline-size: 100%;
  }
}

/* AI Preview — question-led current understanding (no projected score column). */
.tdab-admin--ai-preview .tdab-ai-preview-title {
  margin: 0 0 var(--tdab-space-8);
  font-size: var(--tdab-s1-title-size);
  line-height: 1.2;
}

.tdab-admin--ai-preview .tdab-ai-preview-kicker {
  margin: 0 0 var(--tdab-space-8);
  font-size: var(--tdab-wp-font-size-label);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--tdab-wp-color-gray);
}

.tdab-admin--ai-preview .tdab-ai-preview-lead,
.tdab-admin--ai-preview .tdab-ai-preview-summary,
.tdab-admin--ai-preview .tdab-ai-preview-source {
  margin: 0 0 var(--tdab-space-16);
  max-width: 72ch;
}

.tdab-admin--ai-preview .tdab-ai-preview-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--tdab-space-12);
  margin: 0 0 var(--tdab-space-24);
  padding: 0;
  list-style: none;
}

.tdab-admin--ai-preview .tdab-ai-preview-stats li {
  min-inline-size: 0;
  padding: var(--tdab-space-12);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: var(--tdab-wp-color-card);
}

.tdab-admin--ai-preview .tdab-ai-preview-stats strong {
  display: block;
  font-size: var(--tdab-wp-font-size-h2);
  line-height: 1.1;
}

.tdab-admin--ai-preview .tdab-ai-preview-stats span {
  color: var(--tdab-wp-color-gray);
  font-size: var(--tdab-wp-font-size-small);
}

.tdab-admin--ai-preview .tdab-ai-preview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tdab-space-8);
  align-items: center;
}

.tdab-admin--ai-preview .tdab-ai-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tdab-space-24);
  margin-top: var(--tdab-space-24);
}

.tdab-admin--ai-preview .tdab-ai-preview-panel--gaps {
  grid-column: 1 / -1;
}

.tdab-admin--ai-preview .tdab-ai-preview-panel h2 {
  margin: 0 0 var(--tdab-space-16);
  font-size: var(--tdab-wp-font-size-h3);
}

.tdab-admin--ai-preview .tdab-ai-question-card,
.tdab-admin--ai-preview .tdab-ai-fact-card,
.tdab-admin--ai-preview .tdab-ai-gap-card {
  margin-bottom: var(--tdab-space-12);
  padding: var(--tdab-space-12);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: #fff;
}

.tdab-admin--ai-preview .tdab-ai-question-text,
.tdab-admin--ai-preview .tdab-ai-fact-label,
.tdab-admin--ai-preview .tdab-ai-gap-text {
  margin: 0 0 var(--tdab-space-8);
  font-size: var(--tdab-wp-font-size-body);
}

.tdab-admin--ai-preview .tdab-ai-question-answer,
.tdab-admin--ai-preview .tdab-ai-fact-value,
.tdab-admin--ai-preview .tdab-ai-gap-fix {
  margin: 0;
  color: var(--tdab-wp-color-gray);
}

.tdab-admin--ai-preview .tdab-ai-preview-tech {
  margin-top: var(--tdab-space-24);
}

.tdab-admin--ai-preview .tdab-ai-preview-tech-body {
  margin-top: var(--tdab-space-12);
}

.tdab-admin--ai-preview .tdab-ai-evidence-code {
  overflow-x: auto;
  max-inline-size: 100%;
  white-space: pre-wrap;
  word-break: break-word;
}

.tdab-admin--ai-preview .tdab-ai-preview-content--single {
  display: grid;
  gap: var(--tdab-space-24);
  margin-top: var(--tdab-space-24);
}

.tdab-admin--ai-preview .tdab-ai-question-list,
.tdab-admin--ai-preview .tdab-ai-fact-list,
.tdab-admin--ai-preview .tdab-ai-gap-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tdab-admin--ai-preview .tdab-question-item,
.tdab-admin--ai-preview .tdab-fact-item,
.tdab-admin--ai-preview .tdab-gap-item {
  margin-bottom: var(--tdab-space-12);
  padding: var(--tdab-space-12);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: var(--tdab-wp-radius-card);
  background: #fff;
}

.tdab-admin--ai-preview .tdab-fact-item {
  display: grid;
  gap: var(--tdab-space-8);
}

.tdab-admin--ai-preview .tdab-ai-tech-evidence summary {
  cursor: pointer;
  font-weight: 600;
}

.tdab-admin--ai-preview .tdab-ai-tech-evidence-body {
  margin-top: var(--tdab-space-16);
}

.tdab-admin--ai-preview .tdab-ai-preview-empty {
  margin-top: var(--tdab-space-16);
}

.tdab-admin--ai-preview .tdab-s3-fix-tech,
.tdab-admin .tdab-s3-fix-tech {
  margin: var(--tdab-space-12) 0;
}

@media (max-width: 767px) {
  .tdab-admin--ai-preview .tdab-ai-preview-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tdab-admin--ai-preview .tdab-ai-preview-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-admin--ai-preview .tdab-ai-preview-actions .button,
  .tdab-admin--ai-preview .tdab-ai-preview-scan-form .button {
    inline-size: 100%;
    min-height: var(--tdab-wp-control-height-mobile);
  }
}

/* Setup wizard — compact first-run path (P0-1). Light WP admin; 8px scale; no blank min-heights. */
.tdab-admin--setup .tdab-s1-header.tdab-setup-header {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0 0 16px;
  padding: 8px 12px;
  min-height: 0;
  position: static;
  top: auto;
}

.tdab-admin--setup .tdab-setup-header .tdab-brand-lockup,
.tdab-admin--setup .tdab-setup-header .tdab-s1-lockup.tdab-brand-lockup {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.tdab-admin--setup .tdab-setup-header .tdab-brand-mark-frame {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
}

.tdab-admin--setup .tdab-setup-header .tdab-s1-mark {
  width: 22px !important;
  height: 22px !important;
}

.tdab-admin--setup .tdab-setup-header .tdab-brand-wordmark,
.tdab-admin--setup .tdab-setup-header .tdab-s1-title {
  font-size: 16px !important;
  line-height: 1.2 !important;
}

.tdab-admin--setup .tdab-setup-header .tdab-brand-byline,
.tdab-admin--setup .tdab-setup-header .tdab-s1-byline,
.tdab-admin--setup .tdab-setup-header .tdab-s1-tagline {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.tdab-admin--setup .tdab-shell-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  max-width: 100%;
  margin: 0;
  flex: 0 1 auto;
}

.tdab-admin--setup .tdab-s1-tabs {
  margin: 0 0 16px;
}

.tdab-admin--setup .tdab-setup-panel.tdab-card.tdab-s1-shell {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 16px 24px 24px;
  min-height: 0;
  max-width: 720px;
}

.tdab-admin--setup .tdab-premium-overview-kicker {
  margin: 0;
}

.tdab-admin--setup .tdab-setup-panel h1 {
  margin: 0;
  font-size: 28px;
  line-height: 1.25;
}

.tdab-admin--setup .tdab-setup-lead,
.tdab-admin--setup .tdab-setup-score {
  margin: 0;
  max-width: 65ch;
}

.tdab-admin--setup .tdab-setup-score {
  color: var(--tdab-wp-color-gray, #646970);
}

.tdab-admin--setup .tdab-setup-path {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.tdab-admin--setup .tdab-setup-step {
  margin: 0;
  padding: 12px 16px;
  border: 1px solid var(--tdab-wp-color-border, #dcdcde);
  border-radius: 8px;
  background: #fff;
  min-height: 0;
}

.tdab-admin--setup .tdab-setup-step.is-current {
  border-color: #2271b1;
  background: #f0f6fc;
}

.tdab-admin--setup .tdab-setup-step.is-done {
  border-color: #c3c4c7;
  background: #fcfcfc;
}

.tdab-admin--setup .tdab-setup-step-copy {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-width: 0;
}

.tdab-admin--setup .tdab-setup-step-num {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #1d2327;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.tdab-admin--setup .tdab-setup-step.is-current .tdab-setup-step-num {
  background: #0a7d6b;
}

.tdab-admin--setup .tdab-setup-step-body {
  flex: 1 1 auto;
  min-width: 0;
}

.tdab-admin--setup .tdab-setup-step-title {
  display: block;
  margin: 0 0 4px;
  font-size: 16px;
  line-height: 1.3;
}

.tdab-admin--setup .tdab-setup-step-meta {
  margin: 0;
  color: var(--tdab-wp-color-gray, #646970);
  font-size: 14px;
  line-height: 1.45;
  max-width: 65ch;
}

.tdab-admin--setup .tdab-setup-step-meta--muted {
  margin-top: 8px;
}

.tdab-admin--setup .tdab-setup-step-done {
  margin: 8px 0 0;
  color: #1d2327;
  font-size: 14px;
}

.tdab-admin--setup .tdab-setup-step-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  margin-top: 12px;
  max-width: 100%;
  min-width: 0;
}

.tdab-admin--setup .tdab-setup-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  max-width: 100%;
  min-width: 0;
}

.tdab-admin--setup .tdab-setup-action-row--tertiary {
  padding-top: 8px;
  border-top: 1px solid #dcdcde;
}

.tdab-admin--setup .tdab-setup-form,
.tdab-admin--setup .tdab-setup-scan-form {
  display: inline-flex;
  margin: 0;
  max-width: 100%;
  min-width: 0;
}

.tdab-admin--setup .tdab-setup-step-actions .button,
.tdab-admin--setup .tdab-setup-step-actions .button-primary,
.tdab-admin--setup .tdab-setup-primary,
.tdab-admin--setup .tdab-setup-secondary,
.tdab-admin--setup .tdab-setup-tertiary {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  cursor: pointer;
}

.tdab-admin--setup .tdab-setup-primary.button-primary,
.tdab-admin--setup .tdab-setup-step-actions .button-primary {
  background: #0a7d6b;
  border: 1px solid #0a7d6b;
  color: #fff;
  box-shadow: none;
}

.tdab-admin--setup .tdab-setup-primary.button-primary:hover,
.tdab-admin--setup .tdab-setup-step-actions .button-primary:hover {
  background: #086557;
  border-color: #086557;
  color: #fff;
}

.tdab-admin--setup .tdab-setup-primary.button-primary:active,
.tdab-admin--setup .tdab-setup-step-actions .button-primary:active {
  background: #065548;
  border-color: #065548;
  color: #fff;
}

.tdab-admin--setup .tdab-setup-primary.button-primary:focus,
.tdab-admin--setup .tdab-setup-secondary:focus,
.tdab-admin--setup .tdab-setup-tertiary:focus {
  outline: none;
}

.tdab-admin--setup .tdab-setup-primary.button-primary:focus-visible,
.tdab-admin--setup .tdab-setup-secondary:focus-visible,
.tdab-admin--setup .tdab-setup-tertiary:focus-visible {
  outline: 2px solid #0a7d6b;
  outline-offset: 2px;
}

.tdab-admin--setup .tdab-setup-primary.button-primary:disabled,
.tdab-admin--setup .tdab-setup-primary.button-primary[aria-busy='true'],
.tdab-admin--setup .tdab-setup-primary.button-primary.is-loading {
  background: #c3c4c7;
  border-color: #c3c4c7;
  color: #fff;
  cursor: not-allowed;
  opacity: 1;
}

.tdab-admin--setup .tdab-setup-secondary.button {
  background: #fff;
  border: 1px solid #c3c4c7;
  color: #1d2327;
  box-shadow: none;
  font-weight: 500;
}

.tdab-admin--setup .tdab-setup-secondary.button:hover {
  background: #f6f7f7;
  border-color: #8c8f94;
  color: #1d2327;
}

.tdab-admin--setup .tdab-setup-secondary.button:active {
  background: #eee;
  border-color: #8c8f94;
  color: #1d2327;
}

.tdab-admin--setup .tdab-setup-secondary.button:disabled,
.tdab-admin--setup .tdab-setup-secondary.button[aria-disabled='true'] {
  background: #f6f7f7;
  border-color: #dcdcde;
  color: #a7aaad;
  cursor: not-allowed;
}

.tdab-admin--setup .tdab-setup-tertiary {
  background: transparent;
  border: 1px solid transparent;
  color: #2271b1;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.tdab-admin--setup .tdab-setup-tertiary:hover {
  color: #135e96;
  background: #f0f6fc;
  border-color: transparent;
}

.tdab-admin--setup .tdab-setup-tertiary:active {
  color: #0a4b78;
  background: #e5f0fa;
}

.tdab-admin--setup .tdab-setup-complete {
  margin: 16px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  min-height: 0;
}

.tdab-admin--setup .tdab-setup-complete p {
  margin: 0;
  color: var(--tdab-wp-color-gray, #646970);
  font-size: 13px;
}

.tdab-admin--setup .button,
.tdab-admin--setup .button-primary {
  text-decoration: none;
  min-height: 40px;
}

@media (max-width: 767px) {
  .tdab-admin--setup .tdab-s1-header.tdab-setup-header {
    flex-wrap: wrap;
  }

  .tdab-admin--setup .tdab-setup-panel.tdab-card.tdab-s1-shell {
    padding: 16px;
  }

  .tdab-admin--setup .tdab-setup-panel h1 {
    font-size: 24px;
  }

  .tdab-admin--setup .tdab-setup-action-row--main {
    flex-direction: column;
    align-items: stretch;
  }

  .tdab-admin--setup .tdab-setup-form,
  .tdab-admin--setup .tdab-setup-scan-form,
  .tdab-admin--setup .tdab-setup-primary,
  .tdab-admin--setup .tdab-setup-secondary,
  .tdab-admin--setup .tdab-setup-tertiary {
    inline-size: 100%;
  }

  .tdab-admin--setup .tdab-setup-step-actions .button,
  .tdab-admin--setup .tdab-setup-step-actions .button-primary,
  .tdab-admin--setup .tdab-setup-primary,
  .tdab-admin--setup .tdab-setup-secondary,
  .tdab-admin--setup .tdab-setup-tertiary {
    min-height: 44px;
  }
}

/* —— Native editor + WooCommerce meta box responsive supplement (2026-08-14) —— */
/* Scoped to WP post editor postboxes and Gutenberg document sidebar only. */

#thedotdev-agentic-bridge-agent-ready,
#thedotdev-agentic-bridge-commerce-agent-ready,
#tdab-agent-ready,
.tdab-editor-agent-ready,
.tdab-commerce-agent-ready-panel,
.components-panel__body.tdab-editor-sidebar-panel,
.edit-post-sidebar .tdab-editor-sidebar-panel,
.interface-complementary-area .tdab-editor-sidebar-panel {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

#thedotdev-agentic-bridge-agent-ready .inside,
#thedotdev-agentic-bridge-commerce-agent-ready .inside,
#tdab-agent-ready .inside {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
  overflow-wrap: anywhere;
}

.tdab-editor-agent-ready,
.tdab-commerce-agent-ready-panel {
  display: flex;
  flex-direction: column;
  gap: var(--tdab-space-12);
}

.tdab-commerce-agent-ready-panel > .description,
.tdab-editor-agent-ready .tdab-editor-lede {
  margin: 0;
  max-width: 100%;
}

.tdab-commerce-agent-ready-panel .notice.inline,
.tdab-editor-agent-ready .notice.inline {
  margin: 0;
  max-width: 100%;
}

.tdab-commerce-scorebar {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: var(--tdab-space-12);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: 8px;
  background: #f6f7f7;
  max-width: 100%;
}

.tdab-commerce-scorebar p {
  margin: 0;
}

.tdab-commerce-score-band {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #edf7f5;
  color: #0a7d6b;
  font-size: 12px;
  font-weight: 600;
}

.tdab-commerce-findings {
  margin: 0;
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: 8px;
  background: #fff;
  max-width: 100%;
}

.tdab-commerce-findings > summary {
  cursor: pointer;
  padding: var(--tdab-space-12);
  font-weight: 600;
  list-style: none;
}

.tdab-commerce-findings > summary::-webkit-details-marker {
  display: none;
}

.tdab-commerce-findings ul {
  margin: 0;
  padding: 0 var(--tdab-space-12) var(--tdab-space-12);
  list-style: none;
}

.tdab-commerce-finding {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdab-space-8);
  margin: 0 0 var(--tdab-space-8);
  padding: var(--tdab-space-8) var(--tdab-space-12);
  border: 1px solid var(--tdab-wp-color-border);
  border-radius: 8px;
  background: #fbfcfc;
}

.tdab-commerce-finding:last-child {
  margin-bottom: 0;
}

.tdab-editor-agent-ready .tdab-meta-fields,
.tdab-commerce-agent-ready-panel .tdab-meta-fields {
  display: flex;
  flex-direction: column;
  gap: var(--tdab-space-12);
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.tdab-commerce-agent-ready-panel .tdab-meta-fields--compact {
  gap: 10px;
}

.tdab-editor-agent-ready .tdab-meta-section,
.tdab-commerce-agent-ready-panel .tdab-meta-section {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}

.tdab-commerce-agent-ready-panel .tdab-meta-fields--compact .tdab-meta-section {
  padding: var(--tdab-space-12);
}

.tdab-editor-agent-ready .tdab-meta-section-title,
.tdab-commerce-agent-ready-panel .tdab-meta-section-title {
  margin: 0 0 var(--tdab-space-8);
  font-size: 14px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.tdab-editor-agent-ready .tdab-meta-subtitle,
.tdab-commerce-agent-ready-panel .tdab-meta-subtitle {
  margin: var(--tdab-space-12) 0 var(--tdab-space-8);
  font-size: 13px;
}

.tdab-editor-agent-ready .tdab-meta-help,
.tdab-commerce-agent-ready-panel .tdab-meta-help,
.tdab-editor-agent-ready .tdab-meta-field .description,
.tdab-commerce-agent-ready-panel .tdab-meta-field .description {
  margin: 0 0 var(--tdab-space-8);
  font-size: 12px;
  line-height: 1.45;
  color: #646970;
  overflow-wrap: anywhere;
}

.tdab-editor-agent-ready .tdab-meta-field,
.tdab-commerce-agent-ready-panel .tdab-meta-field {
  margin: 0 0 var(--tdab-space-12);
  max-width: 100%;
  min-width: 0;
}

.tdab-editor-agent-ready .tdab-meta-field:last-child,
.tdab-commerce-agent-ready-panel .tdab-meta-field:last-child {
  margin-bottom: 0;
}

.tdab-editor-agent-ready .tdab-meta-label,
.tdab-commerce-agent-ready-panel .tdab-meta-label {
  display: block;
  margin: 0 0 6px;
  overflow-wrap: anywhere;
}

.tdab-editor-agent-ready .tdab-meta-select,
.tdab-editor-agent-ready .tdab-meta-input,
.tdab-editor-agent-ready .tdab-meta-textarea,
.tdab-commerce-agent-ready-panel .tdab-meta-select,
.tdab-commerce-agent-ready-panel .tdab-meta-input,
.tdab-commerce-agent-ready-panel .tdab-meta-textarea,
#thedotdev-agentic-bridge-agent-ready input.regular-text,
#thedotdev-agentic-bridge-agent-ready textarea.large-text,
#thedotdev-agentic-bridge-commerce-agent-ready input.regular-text,
#thedotdev-agentic-bridge-commerce-agent-ready textarea.large-text,
#tdab-agent-ready input.regular-text,
#tdab-agent-ready textarea.large-text {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  min-height: var(--tdab-wp-control-height);
}

.tdab-editor-agent-ready .tdab-meta-textarea,
.tdab-commerce-agent-ready-panel .tdab-meta-textarea,
#thedotdev-agentic-bridge-agent-ready textarea.large-text,
#thedotdev-agentic-bridge-commerce-agent-ready textarea.large-text,
#tdab-agent-ready textarea.large-text {
  min-height: calc(var(--tdab-wp-control-height) * 2);
  resize: vertical;
}

.tdab-editor-agent-ready .tdab-meta-check-grid,
.tdab-editor-agent-ready .tdab-meta-claims-grid,
.tdab-commerce-agent-ready-panel .tdab-meta-check-grid,
.tdab-commerce-agent-ready-panel .tdab-meta-claims-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.tdab-editor-agent-ready .tdab-meta-check,
.tdab-editor-agent-ready .tdab-meta-claim-card,
.tdab-commerce-agent-ready-panel .tdab-meta-check,
.tdab-commerce-agent-ready-panel .tdab-meta-claim-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}

.tdab-editor-agent-ready .tdab-meta-check span,
.tdab-editor-agent-ready .tdab-meta-claim-label,
.tdab-commerce-agent-ready-panel .tdab-meta-check span,
.tdab-commerce-agent-ready-panel .tdab-meta-claim-label {
  min-width: 0;
  overflow-wrap: anywhere;
}

.tdab-editor-agent-ready .tdab-meta-custom-claims,
.tdab-commerce-agent-ready-panel .tdab-meta-custom-claims {
  display: grid;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.tdab-editor-agent-ready .tdab-meta-section:has([name='relationship_label']) .tdab-meta-field,
.tdab-commerce-agent-ready-panel .tdab-meta-section:has([name='relationship_label']) .tdab-meta-field {
  width: 100%;
  max-width: 100%;
}

.tdab-editor-agent-ready .tdab-editor-scorebar,
.tdab-editor-agent-ready .tdab-editor-accordion,
.tdab-editor-agent-ready .tdab-editor-panel {
  max-width: 100%;
  min-width: 0;
}

/* Gutenberg document sidebar — compact field grouping */
.components-panel__body.tdab-editor-sidebar-panel .description,
.edit-post-sidebar .tdab-editor-sidebar-panel .description {
  margin: 0 0 var(--tdab-space-12);
  font-size: 12px;
  line-height: 1.45;
  color: #646970;
  overflow-wrap: anywhere;
}

.components-panel__body.tdab-editor-sidebar-panel .tdab-editor-sidebar-score,
.edit-post-sidebar .tdab-editor-sidebar-panel .tdab-editor-sidebar-score {
  margin-bottom: var(--tdab-space-12);
  max-width: 100%;
  min-width: 0;
}

.components-panel__body.tdab-editor-sidebar-panel .tdab-editor-sidebar-state,
.edit-post-sidebar .tdab-editor-sidebar-panel .tdab-editor-sidebar-state {
  margin-bottom: var(--tdab-space-12);
  max-width: 100%;
  overflow-wrap: anywhere;
}

.components-panel__body.tdab-editor-sidebar-panel .components-base-control,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-base-control {
  margin: 0 0 var(--tdab-space-12);
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.components-panel__body.tdab-editor-sidebar-panel .components-base-control:last-child,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-base-control:last-child {
  margin-bottom: 0;
}

.components-panel__body.tdab-editor-sidebar-panel .components-base-control__label,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-base-control__label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.components-panel__body.tdab-editor-sidebar-panel .components-base-control__help,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-base-control__help {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.45;
  color: #646970;
  overflow-wrap: anywhere;
}

.components-panel__body.tdab-editor-sidebar-panel .components-textarea-control__input,
.components-panel__body.tdab-editor-sidebar-panel .components-select-control__input,
.components-panel__body.tdab-editor-sidebar-panel .components-text-control__input,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-textarea-control__input,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-select-control__input,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-text-control__input {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  min-height: var(--tdab-wp-control-height);
}

.components-panel__body.tdab-editor-sidebar-panel .components-textarea-control__input,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-textarea-control__input {
  min-height: calc(var(--tdab-wp-control-height) * 2);
  resize: vertical;
}

.components-panel__body.tdab-editor-sidebar-panel .components-checkbox-control__label,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-checkbox-control__label {
  overflow-wrap: anywhere;
}

@media (max-width: 782px) {
  .tdab-editor-agent-ready .tdab-meta-check-grid,
  .tdab-editor-agent-ready .tdab-meta-claims-grid,
  .tdab-commerce-agent-ready-panel .tdab-meta-check-grid,
  .tdab-commerce-agent-ready-panel .tdab-meta-claims-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .tdab-editor-agent-ready .tdab-meta-select,
  .tdab-editor-agent-ready .tdab-meta-input,
  .tdab-editor-agent-ready .tdab-meta-textarea,
  .tdab-commerce-agent-ready-panel .tdab-meta-select,
  .tdab-commerce-agent-ready-panel .tdab-meta-input,
  .tdab-commerce-agent-ready-panel .tdab-meta-textarea,
  #thedotdev-agentic-bridge-agent-ready input.regular-text,
  #thedotdev-agentic-bridge-agent-ready textarea.large-text,
  #thedotdev-agentic-bridge-agent-ready select,
  #thedotdev-agentic-bridge-commerce-agent-ready input.regular-text,
  #thedotdev-agentic-bridge-commerce-agent-ready textarea.large-text,
  #thedotdev-agentic-bridge-commerce-agent-ready select,
  #tdab-agent-ready input.regular-text,
  #tdab-agent-ready textarea.large-text,
  #tdab-agent-ready select,
  .components-panel__body.tdab-editor-sidebar-panel .components-textarea-control__input,
  .components-panel__body.tdab-editor-sidebar-panel .components-select-control__input,
  .components-panel__body.tdab-editor-sidebar-panel .components-text-control__input,
  .edit-post-sidebar .tdab-editor-sidebar-panel .components-textarea-control__input,
  .edit-post-sidebar .tdab-editor-sidebar-panel .components-select-control__input,
  .edit-post-sidebar .tdab-editor-sidebar-panel .components-text-control__input {
    min-height: var(--tdab-wp-control-height-mobile);
  }

  .tdab-commerce-agent-ready-panel .tdab-meta-fields--compact .tdab-meta-section {
    padding: 10px;
  }
}

/* ==========================================================================
   ORIGINAL PREMIUM NATIVE WP-ADMIN LAYOUT OVERRIDES (NO MORE CARDS/DASHBOARD CLONE)
   ========================================================================== */

/* Global flat wp-admin boxes instead of custom cards */
.tdab-admin .tdab-card {
  background: #ffffff !important;
  border: 1px solid #c3c4c7 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  margin-bottom: 20px !important;
}

/* Native tab bar styled like .nav-tab-wrapper */
.tdab-admin.tdab-app .tdab-s1-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 16px 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #c3c4c7 !important;
  gap: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tdab-admin.tdab-app .tdab-s1-tab {
  display: inline-block !important;
  padding: 8px 16px !important;
  margin: 0 4px -1px 0 !important;
  border: 1px solid transparent !important;
  border-bottom: 0 !important;
  background: transparent !important;
  color: #2271b1 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  box-shadow: none !important;
}

.tdab-admin.tdab-app .tdab-s1-tab:hover {
  color: #135e96 !important;
  background: #eaeaea !important;
}

.tdab-admin.tdab-app .tdab-s1-tab.is-active,
.tdab-admin.tdab-app .tdab-s1-tab[aria-current='page'] {
  border: 1px solid #c3c4c7 !important;
  border-bottom: 1px solid #f0f0f1 !important;
  border-top: 3px solid #00dcb9 !important;
  background: #f0f0f1 !important;
  color: #1d2327 !important;
  font-weight: 600 !important;
}

/* More menu styled as dropdown tab */
.tdab-shell-more {
  position: relative !important;
  display: inline-block !important;
  margin-bottom: -1px !important;
}

.tdab-shell-more-summary {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  border: 1px solid transparent !important;
  border-bottom: 0 !important;
  color: #2271b1 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  list-style: none !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  background: transparent !important;
}

.tdab-shell-more-summary::-webkit-details-marker {
  display: none !important;
}

.tdab-shell-more.is-current .tdab-shell-more-summary {
  border: 1px solid #c3c4c7 !important;
  border-bottom: 1px solid #f0f0f1 !important;
  border-top: 3px solid #00dcb9 !important;
  background: #f0f0f1 !important;
  color: #1d2327 !important;
  font-weight: 600 !important;
}

.tdab-shell-more-panel {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  z-index: 99 !important;
  min-width: 200px !important;
  background: #ffffff !important;
  border: 1px solid #c3c4c7 !important;
  border-radius: 4px !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1) !important;
  padding: 6px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.tdab-shell-more-panel .tdab-s1-tab {
  display: block !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #2271b1 !important;
  font-weight: 400 !important;
  text-align: left !important;
}

.tdab-shell-more-panel .tdab-s1-tab:hover {
  background: #f0f0f1 !important;
  color: #135e96 !important;
}

.tdab-shell-more-panel .tdab-s1-tab.is-active,
.tdab-shell-more-panel .tdab-s1-tab[aria-current='page'] {
  background: #f2fbff !important;
  color: #062c4a !important;
  font-weight: 600 !important;
}

/* Overview hero block transformation */
.tdab-admin.tdab-app .tdab-card.tdab-s2-hero {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 24px !important;
  min-height: 0 !important;
}

.tdab-admin.tdab-app .tdab-s2-hero-grid {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 16px !important;
}

.tdab-admin.tdab-app .tdab-s2-score {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
}

.tdab-admin.tdab-app .tdab-s2-score-ring {
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: baseline !important;
  background: none !important;
}

.tdab-admin.tdab-app .tdab-s2-score-value {
  font-family: 'Space Grotesk', Inter, system-ui, sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #1d2327 !important;
  line-height: 1 !important;
}

.tdab-admin.tdab-app .tdab-s2-score-denom {
  font-size: 16px !important;
  color: #646970 !important;
  font-weight: 400 !important;
}

.tdab-admin.tdab-app .tdab-s2-band-pill {
  background: #f0f6fc !important;
  border: 1px solid #c3c4c7 !important;
  color: #1d2327 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.tdab-admin.tdab-app .tdab-s2-score-caption {
  display: none !important;
}

/* Next recommended action alert notice */
.tdab-admin.tdab-app .tdab-s2-next {
  background: #fff !important;
  border: 1px solid #c3c4c7 !important;
  border-left: 4px solid #ff6b23 !important;
  padding: 16px !important;
  margin: 0 0 20px !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 1px rgba(0,0,0,0.04) !important;
}

.tdab-admin.tdab-app .tdab-s2-next h2 {
  font-size: 18px !important;
  font-weight: 600 !important;
  margin: 0 0 8px !important;
  color: #1d2327 !important;
}

.tdab-admin.tdab-app .tdab-s2-next-lead {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #2c3338 !important;
  margin: 0 0 12px !important;
}

/* Category breakdown table list instead of grid cards */
.tdab-admin.tdab-app .tdab-s2-categories {
  background: #ffffff !important;
  border: 1px solid #c3c4c7 !important;
  border-radius: 4px !important;
  padding: 20px !important;
  box-shadow: 0 1px 1px rgba(0,0,0,0.04) !important;
  margin-bottom: 24px !important;
}

.tdab-admin.tdab-app .tdab-s2-category-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 20px !important;
}

.tdab-admin.tdab-app .tdab-card.tdab-s2-category {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background: #f8fafc !important;
  border: 1px solid var(--tdab-color-border) !important;
  border-radius: 6px !important;
  padding: 16px !important;
  margin: 0 !important;
  box-shadow: none !important;
  min-height: 125px !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease-in-out !important;
}

.tdab-admin.tdab-app .tdab-card.tdab-s2-category:hover {
  border-color: var(--tdab-color-teal) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0,220,185,0.05) !important;
}

.tdab-admin.tdab-app .tdab-s2-category-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
}

.tdab-admin.tdab-app .tdab-s2-category-title {
  font-family: var(--tdab-font-family-display) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--tdab-color-text) !important;
  margin: 0 !important;
}

.tdab-admin.tdab-app .tdab-s2-category-fraction {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--tdab-color-muted) !important;
}

.tdab-admin.tdab-app .tdab-s2-cat-health-bar {
  width: 100% !important;
  height: 6px !important;
  background: #e2e8f0 !important;
  border-radius: 99px !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}

.tdab-admin.tdab-app .tdab-s2-cat-health-fill {
  height: 100% !important;
  border-radius: 99px !important;
  transition: width 0.3s ease !important;
}

.tdab-admin.tdab-app .tdab-s2-category-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.tdab-admin.tdab-app .tdab-s2-category-status-text {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--tdab-color-muted) !important;
}

.tdab-admin.tdab-app .tdab-s2-category-action {
  font-size: 13px !important;
  color: var(--tdab-color-teal-dark) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  flex: 0 0 auto !important;
}

.tdab-admin.tdab-app .tdab-s2-category-action:hover {
  text-decoration: underline !important;
}

/* Premium dashboard styles override */
.tdab-admin.tdab-app .tdab-dashboard-hero-visual {
  display: flex !important;
  align-items: center !important;
  gap: var(--tdab-space-24) !important;
  width: 100% !important;
  padding: 12px 0 !important;
}

@media (max-width: 768px) {
  .tdab-admin.tdab-app .tdab-dashboard-hero-visual {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: var(--tdab-space-16) !important;
  }
}

.tdab-admin.tdab-app .tdab-dashboard-radial {
  position: relative !important;
  width: 110px !important;
  height: 110px !important;
  flex: 0 0 110px !important;
}

.tdab-admin.tdab-app .tdab-radial-svg {
  width: 110px !important;
  height: 110px !important;
}

.tdab-admin.tdab-app .tdab-radial-text {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
  line-height: 1 !important;
}

.tdab-admin.tdab-app .tdab-radial-score {
  font-family: var(--tdab-font-family-display) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--tdab-color-text) !important;
}

.tdab-admin.tdab-app .tdab-radial-denom {
  font-size: 14px !important;
  color: var(--tdab-color-muted) !important;
  font-weight: 500 !important;
}

.tdab-admin.tdab-app .tdab-dashboard-hero-info {
  flex: 1 1 auto !important;
}

.tdab-admin.tdab-app .tdab-dashboard-hero-title {
  font-family: var(--tdab-font-family-display) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  margin: var(--tdab-space-8) 0 var(--tdab-space-4) !important;
  color: var(--tdab-color-text) !important;
}

.tdab-admin.tdab-app .tdab-dashboard-hero-subtitle {
  font-size: 14px !important;
  color: var(--tdab-color-muted) !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  max-width: 44rem !important;
}

/* Content coverage tracker */
.tdab-admin.tdab-app .tdab-s2-content-coverage-widget {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  border: 1px solid var(--tdab-color-border) !important;
  border-radius: 6px !important;
  padding: var(--tdab-space-16) var(--tdab-space-20) !important;
  margin-bottom: var(--tdab-space-20) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.02) !important;
}

@media (max-width: 768px) {
  .tdab-admin.tdab-app .tdab-s2-content-coverage-widget {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: var(--tdab-space-12) !important;
  }
}

.tdab-admin.tdab-app .tdab-coverage-label {
  display: flex !important;
  align-items: center !important;
  gap: var(--tdab-space-8) !important;
  font-size: 14px !important;
  color: var(--tdab-color-text) !important;
}

.tdab-admin.tdab-app .tdab-coverage-label strong {
  font-family: var(--tdab-font-family-display) !important;
  font-size: 18px !important;
  color: var(--tdab-color-teal-dark) !important;
}

.tdab-admin.tdab-app .tdab-coverage-link {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--tdab-color-teal-dark) !important;
  text-decoration: none !important;
}

.tdab-admin.tdab-app .tdab-coverage-link:hover {
  text-decoration: underline !important;
}

/* Prioritized Action Queue */
.tdab-admin.tdab-app .tdab-s2-attention-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tdab-admin.tdab-app .tdab-s2-attention-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: var(--tdab-space-8) !important;
  padding: 16px 12px !important;
  border-bottom: 1px solid var(--tdab-color-border) !important;
  background: transparent !important;
  margin: 0 !important;
  transition: background 0.15s ease !important;
}

.tdab-admin.tdab-app .tdab-s2-attention-item:hover {
  background: #f8fafc !important;
}

.tdab-admin.tdab-app .tdab-s2-attention-item:last-child {
  border-bottom: 0 !important;
}

.tdab-admin.tdab-app .tdab-s2-attention-badge {
  flex: 0 0 100px !important;
}

.tdab-admin.tdab-app .tdab-status-pill {
  display: inline-block !important;
  padding: 3px 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 4px !important;
}

.tdab-admin.tdab-app .tdab-status-pill--high {
  background: rgba(255,107,107,0.1) !important;
  color: var(--tdab-color-error) !important;
}

.tdab-admin.tdab-app .tdab-status-pill--medium {
  background: rgba(255,107,35,0.1) !important;
  color: var(--tdab-color-orange) !important;
}

.tdab-admin.tdab-app .tdab-status-pill--low,
.tdab-admin.tdab-app .tdab-status-pill--info {
  background: rgba(0,184,255,0.1) !important;
  color: var(--tdab-color-blue) !important;
}

.tdab-admin.tdab-app .tdab-s2-attention-details {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.tdab-admin.tdab-app .tdab-s2-attention-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--tdab-color-text) !important;
}

.tdab-admin.tdab-app .tdab-s2-attention-meta {
  font-size: 13px !important;
  color: var(--tdab-color-muted) !important;
  margin: 4px 0 0 !important;
}

.tdab-admin.tdab-app .tdab-meta-cat {
  font-weight: 600 !important;
  color: var(--tdab-color-text) !important;
}

.tdab-admin.tdab-app .tdab-s2-attention-actions {
  flex: 0 0 auto !important;
}

/* Triage needs-attention list and changelog */
.tdab-admin.tdab-app .tdab-card.tdab-s2-attention,
.tdab-admin.tdab-app .tdab-card.tdab-s2-changed {
  background: #ffffff !important;
  border: 1px solid #c3c4c7 !important;
  border-radius: 4px !important;
  padding: 20px !important;
  box-shadow: 0 1px 1px rgba(0,0,0,0.04) !important;
  margin-bottom: 24px !important;
}

.tdab-admin.tdab-app .tdab-s2-changed-item {
  display: flex !important;
  align-items: flex-start !important;
  padding: 12px 8px !important;
  border: 0 !important;
  border-bottom: 1px solid #e3e6eb !important;
  border-radius: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.tdab-admin.tdab-app .tdab-s2-changed-item:last-child {
  border-bottom: 0 !important;
}

/* --- Premium Overview Visual Redesign CSS --- */
.ab-context-bar {
  display: flex;
  align-items: center;
  gap: 24px;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 16px;
  margin-bottom: 24px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.ab-context-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #475569;
  font-weight: 500;
}

.ab-context-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.ab-context-divider {
  width: 1px;
  height: 16px;
  background-color: #e2e8f0;
}

.ab-page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.ab-page-title {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #0f172a;
}

.ab-actions-group {
  display: flex;
  gap: 12px;
}

.ab-btn {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  font-size: 13px;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background-color: #ffffff;
  color: #475569;
  cursor: pointer;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  text-decoration: none;
}

.ab-btn:hover {
  background-color: #f1f5f9;
  color: #0f172a;
}

.ab-btn-primary {
  background-color: #0f172a;
  color: #ffffff;
  border: none;
}

.ab-btn-primary:hover {
  background-color: #1e293b;
  color: #ffffff;
}

/* Two column layout */
.ab-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 24px;
}

@media (max-width: 1024px) {
  .ab-grid {
    grid-template-columns: 1fr;
  }
}

/* Score hero override */
.tdab-admin.tdab-app .tdab-card.tdab-s2-hero.ab-score-hero {
  display: flex !important;
  align-items: center !important;
  gap: 32px !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 24px !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 26px !important; /* matches --tdab-s2-after-hero-gap */
}

.ab-score-num-box {
  display: flex !important;
  align-items: baseline !important;
}

.ab-score-val {
  font-family: 'Space Grotesk', -apple-system, sans-serif !important;
  font-size: 64px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1 !important;
}

.ab-score-denom {
  font-size: 20px !important;
  color: #94a3b8 !important;
  font-weight: 600 !important;
  margin-left: 4px !important;
}

.ab-score-slider-container {
  flex: 1 !important;
}

.ab-score-slider-label {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  margin-bottom: 8px !important;
}

.ab-score-slider-track {
  height: 10px !important;
  background-color: #e2e8f0 !important;
  border-radius: 5px !important;
  position: relative !important;
  overflow: hidden !important;
}

.ab-score-slider-track-fill {
  height: 100% !important;
  border-radius: 5px !important;
  background: linear-gradient(90deg, var(--ab-color-teal) 0%, var(--ab-color-blue) 100%) !important;
}

.ab-card-title {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 0 16px !important;
  color: #0f172a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.tdab-s2-queue-summary {
  font-size: 13px !important;
  color: #475569 !important;
  font-weight: 500 !important;
}

.ab-cat-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.tdab-s2-view-all-wrap {
  margin: 12px 0 0 !important;
}

.tdab-s2-discovery-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.tdab-s2-discovery-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  font-size: 13px !important;
}

.tdab-s2-discovery-status.is-active {
  color: #10b981 !important;
  font-weight: 600 !important;
}

.tdab-s2-discovery-status.is-preview {
  color: #00b8ff !important;
  font-weight: 600 !important;
}

.tdab-s2-discovery-status.is-warn {
  color: #ff6b23 !important;
  font-weight: 600 !important;
}

.tdab-s2-discovery-status.is-muted {
  color: #94a3b8 !important;
  font-weight: 500 !important;
}

.tdab-admin.tdab-app .tdab-s2-recheck-form,
.tdab-admin.tdab-app .tdab-pdf-form.tdab-s2-pdf-form {
  margin: 0 !important;
}

.tdab-admin.tdab-app .ab-actions-group .ab-btn {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.tdab-admin.tdab-app .ab-score-hero .tdab-s2-score-value,
.tdab-admin.tdab-app .ab-score-hero .tdab-s2-score-denom {
  display: inline !important;
}

@media (max-width: 768px) {
  .ab-page-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }

  .ab-actions-group {
    width: 100% !important;
    flex-wrap: wrap !important;
  }

  .ab-score-hero.tdab-s2-hero {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }

  .ab-score-slider-container {
    width: 100% !important;
  }

  .tdab-admin.tdab-app .ab-cat-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  .ab-cat-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  .ab-cat-status-area {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .ab-context-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .ab-context-divider {
    display: none !important;
  }
}

.ab-score-meta {
  font-size: 12px !important;
  color: #94a3b8 !important;
  margin-top: 8px !important;
  font-weight: 500 !important;
}

/* Category Posture List-Table */
.ab-cat-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  min-height: 73px !important; /* matches --tdab-s2-category-height */
  margin-bottom: 0 !important;
  gap: 4px !important; /* matches --tdab-s2-category-gap */
}

.ab-cat-info {
  flex: 1 !important;
  min-width: 0 !important;
}

.ab-cat-name {
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #0f172a !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
}

.ab-cat-progress-box {
  display: flex !important;
  align-items: center !important;
  gap: var(--tdab-space-8) !important;
  margin-top: var(--tdab-space-4) !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.ab-cat-bar {
  flex: 1 1 auto !important;
  min-width: 48px !important;
  max-width: 100px !important;
  width: auto !important;
  height: 6px !important;
  background-color: #e2e8f0 !important;
  border-radius: 3px !important;
  overflow: hidden !important;
}

.ab-cat-fill {
  height: 100% !important;
  background-color: #00dcb9 !important;
  border-radius: 3px !important;
}

.ab-cat-fill.is-orange {
  background-color: #ff6b23 !important;
}

.ab-cat-score {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  font-family: 'JetBrains Mono', monospace !important;
}

.ab-cat-status-area {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.ab-status-indicator {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.ab-status-indicator.is-clear {
  color: #10b981 !important;
}

.ab-status-indicator.is-issues {
  color: #ff6b23 !important;
}

.ab-cat-link {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #00b8ff !important;
  text-decoration: none !important;
}

.ab-cat-link:hover {
  text-decoration: underline !important;
}

/* Editorial work queue */
.ab-queue-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

.ab-queue-item {
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 16px !important;
  background-color: #ffffff !important;
  transition: all 0.2s !important;
  margin: 0 !important;
}

.ab-queue-item:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08) !important;
}

.ab-queue-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.ab-queue-title-area {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.ab-badge {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
}

.ab-badge-fail {
  background-color: rgba(255, 107, 35, 0.06) !important;
  color: #ff6b23 !important;
  border: 1px solid rgba(255, 107, 35, 0.2) !important;
}

.ab-badge-warning {
  background-color: rgba(224, 144, 43, 0.08) !important;
  color: #b26a00 !important;
  border: 1px solid rgba(224, 144, 43, 0.2) !important;
}

.ab-queue-title {
  font-weight: 600 !important;
  color: #0f172a !important;
}

.ab-queue-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--tdab-space-8) !important;
  font-size: 12px !important;
  color: #94a3b8 !important;
  margin-top: var(--tdab-space-4) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.ab-queue-evidence-tag {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
  padding: 1px 6px !important;
  border-radius: 4px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
}

.ab-queue-body {
  margin-top: var(--tdab-space-8) !important;
  padding-top: var(--tdab-space-8) !important;
  border-top: 1px solid #e2e8f0 !important;
  font-size: 13px !important;
  color: #475569 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Empty box style */
.ab-empty-box {
  text-align: center !important;
  padding: 32px 16px !important;
  border: 1px dashed #e2e8f0 !important;
  border-radius: 8px !important;
  color: #475569 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.tdab-s2-changed-copy {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.tdab-s2-changed-title,
.tdab-s2-changed-meta {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Overview scanned state — 390px stack and overflow guard (P0-2 responsive) */
@media (max-width: 390px) {
  .tdab-admin.tdab-admin--s2 .ab-grid,
  .tdab-admin.tdab-admin--s2 .ab-main-column,
  .tdab-admin.tdab-admin--s2 .ab-sidebar,
  .tdab-admin.tdab-admin--s2 .tdab-card.tdab-s2-attention,
  .tdab-admin.tdab-admin--s2 .tdab-card.tdab-s2-changed,
  .tdab-admin.tdab-admin--s2 .tdab-card.tdab-s2-categories,
  .tdab-admin.tdab-admin--s2 .tdab-card.tdab-s2-discovery {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .tdab-admin.tdab-app .tdab-s2-category-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--tdab-space-8) !important;
  }

  .tdab-admin.tdab-admin--s2 .ab-card-title {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: var(--tdab-space-8) !important;
  }

  .tdab-admin.tdab-admin--s2 .ab-queue-header {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: var(--tdab-space-8) !important;
  }

  .tdab-admin.tdab-admin--s2 .ab-queue-title-area {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: var(--tdab-space-8) !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .tdab-admin.tdab-admin--s2 .ab-queue-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .tdab-admin.tdab-admin--s2 .ab-queue-meta {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: var(--tdab-space-8) !important;
  }

  .tdab-admin.tdab-admin--s2 .ab-queue-evidence-tag {
    display: inline-block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
  }

  .tdab-admin.tdab-admin--s2 .tdab-s2-review,
  .tdab-admin.tdab-admin--s2 .ab-btn.tdab-s2-review {
    align-self: flex-start !important;
    min-height: var(--tdab-wp-control-height-mobile) !important;
  }

  .tdab-admin.tdab-admin--s2 .ab-empty-box {
    text-align: left !important;
    padding: var(--tdab-space-24) var(--tdab-space-16) !important;
  }

  .tdab-admin.tdab-admin--s2 .ab-cat-status-area {
    width: 100% !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: var(--tdab-space-8) !important;
  }
}

.ab-empty-title {
  font-weight: 600 !important;
  margin-bottom: 8px !important;
  color: #0f172a !important;
}

/* Color palettes & helper variables */
:root {
  --ab-color-green: #10b981;
  --ab-color-orange: #ff6b23;
  --ab-color-teal: #00dcb9;
  --ab-color-blue: #00b8ff;
  --ab-color-text-primary: #0f172a;
}



