.tdg-module-loader {
  --tdg-blue: #0b4da2;
  --tdg-blue-dark: #073578;
  --tdg-line: #c9d7ea;
  --tdg-soft: #f3f7fc;
  --tdg-ink: #102033;
  color: var(--tdg-ink);
  margin: 24px 0;
}
.tdg-module-loader-hero,
.tdg-module-detail,
.tdg-module-empty {
  border: 1px solid var(--tdg-line);
  background: linear-gradient(135deg, #fff 0%, var(--tdg-soft) 100%);
  padding: 20px;
}
.tdg-kicker {
  color: var(--tdg-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  margin: 0 0 6px;
  text-transform: uppercase;
}
.tdg-module-loader h2,
.tdg-module-loader h3 {
  color: var(--tdg-blue-dark);
  margin: 0 0 10px;
}
.tdg-module-loader-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 240px);
  gap: 12px;
  margin: 16px 0;
}
.tdg-module-loader-controls span {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
}
.tdg-module-loader-controls input,
.tdg-module-loader-controls select {
  border: 1px solid var(--tdg-line);
  min-height: 42px;
  padding: 8px 10px;
  width: 100%;
}
.tdg-module-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 14px;
}
.tdg-module-card {
  border: 1px solid var(--tdg-line);
  background: #fff;
  padding: 16px;
}
.tdg-module-card-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.tdg-module-pill,
.tdg-module-ready {
  border-radius: 999px;
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  padding: 4px 9px;
}
.tdg-module-pill-enabled {
  background: #e6f4ea;
  color: #116329;
}
.tdg-module-pill-disabled,
.tdg-module-ready {
  background: #eef2f7;
  color: #44546a;
}
.tdg-module-card dl {
  border-top: 1px solid var(--tdg-line);
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-top: 12px;
}
.tdg-module-card dt {
  color: #4c5c70;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.tdg-module-card dd {
  margin: 0;
}
.tdg-module-link {
  color: var(--tdg-blue);
  display: inline-block;
  font-weight: 800;
  margin-top: 14px;
}
.tdg-module-detail {
  margin-bottom: 16px;
}
.tdg-module-detail ul {
  margin-bottom: 0;
}
.tdg-access-levels {
  color: var(--tdg-ink, #102033);
  margin: 24px 0;
}
.tdg-access-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 14px;
  margin-top: 16px;
}
.tdg-access-card {
  border: 1px solid var(--tdg-line, #c9d7ea);
  background: #fff;
  padding: 16px;
}
.tdg-access-card h3 {
  color: var(--tdg-blue-dark, #073578);
  margin: 0 0 10px;
}
.tdg-access-card ul {
  margin: 12px 0 0;
  padding-left: 20px;
}
.tdg-settings-registry {
  --tdg-blue: #0b4da2;
  --tdg-blue-dark: #073578;
  --tdg-line: #c9d7ea;
  --tdg-soft: #f3f7fc;
  --tdg-ink: #102033;
  color: var(--tdg-ink);
  margin: 24px 0;
}
.tdg-migration-status {
  --tdg-blue: #0b4da2;
  --tdg-blue-dark: #073578;
  --tdg-line: #c9d7ea;
  --tdg-soft: #f3f7fc;
  --tdg-ink: #102033;
  color: var(--tdg-ink);
  margin: 24px 0;
}
.tdg-table-registry {
  --tdg-blue: #0b4da2;
  --tdg-blue-dark: #073578;
  --tdg-line: #c9d7ea;
  --tdg-soft: #f3f7fc;
  --tdg-ink: #102033;
  color: var(--tdg-ink);
  margin: 24px 0;
}
.tdg-event-bus {
  --tdg-blue: #0b4da2;
  --tdg-blue-dark: #073578;
  --tdg-line: #c9d7ea;
  --tdg-soft: #f3f7fc;
  --tdg-ink: #102033;
  color: var(--tdg-ink);
  margin: 24px 0;
}
.tdg-telemetry-events {
  --tdg-blue: #0b4da2;
  --tdg-blue-dark: #073578;
  --tdg-line: #c9d7ea;
  --tdg-soft: #f3f7fc;
  --tdg-ink: #102033;
  color: var(--tdg-ink);
  margin: 24px 0;
}
.tdg-action-queue,
.tdg-wc-memberships-adapter {
  --tdg-blue: #0b4da2;
  --tdg-blue-dark: #073578;
  --tdg-line: #c9d7ea;
  --tdg-soft: #f3f7fc;
  --tdg-ink: #102033;
  color: var(--tdg-ink);
  margin: 24px 0;
}
.tdg-audit-log,
.tdg-notifications {
  --tdg-blue: #0b4da2;
  --tdg-blue-dark: #073578;
  --tdg-line: #c9d7ea;
  --tdg-soft: #f3f7fc;
  --tdg-ink: #102033;
  color: var(--tdg-ink);
  margin: 24px 0;
}
.tdg-frontend-shell {
  --tdg-blue: #0b4da2;
  --tdg-blue-dark: #073578;
  --tdg-line: #c9d7ea;
  --tdg-soft: #f3f7fc;
  --tdg-ink: #102033;
  color: var(--tdg-ink);
  margin: 24px 0;
}
.tdg-system-health {
  --tdg-blue: #0b4da2;
  --tdg-blue-dark: #073578;
  --tdg-line: #c9d7ea;
  --tdg-soft: #f3f7fc;
  --tdg-ink: #102033;
  color: var(--tdg-ink);
  margin: 24px 0;
}
.tdg-rest-api-foundation {
  --tdg-blue: #0b4da2;
  --tdg-blue-dark: #073578;
  --tdg-line: #c9d7ea;
  --tdg-soft: #f3f7fc;
  --tdg-ink: #102033;
  color: var(--tdg-ink);
  margin: 24px 0;
}
.tdg-shortcode-block-foundation,
.tdg-security-nonce-helpers,
.tdg-input-validation-library {
  --tdg-blue: #0b4da2;
  --tdg-blue-dark: #073578;
  --tdg-line: #c9d7ea;
  --tdg-soft: #f3f7fc;
  --tdg-ink: #102033;
  color: var(--tdg-ink);
  margin: 24px 0;
}
.tdg-migration-summary,
.tdg-migration-grid {
  display: grid;
  gap: 14px;
}
.tdg-system-health-summary,
.tdg-system-health-grid,
.tdg-system-health-notices {
  display: grid;
  gap: 14px;
}
.tdg-system-health-summary {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  margin: 16px 0;
}
.tdg-system-health-summary article,
.tdg-system-health-card,
.tdg-system-health-notice,
.tdg-system-health-viewer {
  border: 1px solid var(--tdg-line);
  background: #fff;
  padding: 16px;
}
.tdg-system-health-summary span {
  color: #4c5c70;
  display: block;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.tdg-system-health-summary strong {
  color: var(--tdg-blue-dark);
  display: block;
  font-size: 24px;
  margin-top: 4px;
}
.tdg-system-health-viewer {
  margin-bottom: 14px;
}
.tdg-system-health-viewer p {
  margin: 0;
}
.tdg-system-health-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.tdg-system-health-card--warning {
  background: linear-gradient(180deg, #fff7e8 0%, #fff 100%);
}
.tdg-system-health-card--error {
  background: linear-gradient(180deg, #fff1f1 0%, #fff 100%);
}
.tdg-system-health-card dl {
  border-top: 1px solid var(--tdg-line);
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-top: 12px;
}
.tdg-system-health-badge {
  border-radius: 999px;
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  padding: 4px 9px;
}
.tdg-system-health-badge--info {
  background: #e8f0fb;
  color: #0b4da2;
}
.tdg-system-health-badge--warning {
  background: #fff3db;
  color: #9a6400;
}
.tdg-system-health-badge--error,
.tdg-system-health-badge--critical {
  background: #ffe1e1;
  color: #9c1c1c;
}
.tdg-system-health-note {
  border-top: 1px solid var(--tdg-line);
  margin: 12px 0 0;
  padding-top: 12px;
}
.tdg-system-health-notices {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  margin-top: 14px;
}
.tdg-system-health-notice h3 {
  color: var(--tdg-blue-dark);
  margin: 0 0 10px;
}
.tdg-system-health-notice ul {
  margin: 0;
  padding-left: 18px;
}
.tdg-system-health-loading {
  color: #4c5c70;
  font-size: 12px;
  margin-top: 10px;
}
.tdg-migration-summary {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  margin: 16px 0;
}
.tdg-migration-summary article,
.tdg-migration-card {
  border: 1px solid var(--tdg-line);
  background: #fff;
  padding: 16px;
}
.tdg-migration-summary span {
  color: #4c5c70;
  display: block;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.tdg-migration-summary strong {
  color: var(--tdg-blue-dark);
  display: block;
  font-size: 24px;
  margin-top: 4px;
}
.tdg-migration-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.tdg-table-registry-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}
.tdg-event-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}
.tdg-telemetry-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}
.tdg-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}
.tdg-audit-grid,
.tdg-notification-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}
.tdg-shell-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}
.tdg-shortcode-block-grid,
.tdg-security-nonce-grid,
.tdg-input-validation-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}
.tdg-rest-api-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}
.tdg-shortcode-block-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}
.tdg-migration-card h3 {
  color: var(--tdg-blue-dark);
  margin: 0 0 10px;
}
.tdg-table-card {
  border: 1px solid var(--tdg-line);
  background: #fff;
  padding: 16px;
}
.tdg-event-card {
  border: 1px solid var(--tdg-line);
  background: #fff;
  padding: 16px;
}
.tdg-telemetry-card {
  border: 1px solid var(--tdg-line);
  background: #fff;
  padding: 16px;
}
.tdg-action-card {
  border: 1px solid var(--tdg-line);
  background: #fff;
  padding: 16px;
}
.tdg-audit-card,
.tdg-notification-card {
  border: 1px solid var(--tdg-line);
  background: #fff;
  padding: 16px;
}
.tdg-shell-card,
.tdg-shortcode-block-card,
.tdg-security-nonce-card,
.tdg-input-validation-card {
  border: 1px solid var(--tdg-line);
  background: #fff;
  padding: 16px;
}
.tdg-rest-api-card {
  border: 1px solid var(--tdg-line);
  background: #fff;
  padding: 16px;
}
.tdg-shortcode-block-card {
  border: 1px solid var(--tdg-line);
  background: #fff;
  padding: 16px;
}
.tdg-table-card h3 {
  color: var(--tdg-blue-dark);
  margin: 0 0 10px;
}
.tdg-event-card h3 {
  color: var(--tdg-blue-dark);
  margin: 0 0 10px;
}
.tdg-telemetry-card-title {
  color: var(--tdg-blue-dark);
  display: block;
  font-size: 18px;
  line-height: 1.25;
  margin: 0 0 10px;
}
.tdg-action-card h3 {
  color: var(--tdg-blue-dark);
  margin: 0 0 10px;
}
.tdg-audit-card h3,
.tdg-notification-card h3 {
  color: var(--tdg-blue-dark);
  margin: 0 0 10px;
}
.tdg-shell-card h3 {
  color: var(--tdg-blue-dark);
  margin: 0 0 10px;
}
.tdg-rest-api-card h3 {
  color: var(--tdg-blue-dark);
  margin: 0 0 10px;
}
.tdg-shortcode-block-card h3,
.tdg-input-validation-card h3 {
  color: var(--tdg-blue-dark);
  margin: 0 0 10px;
}
.tdg-migration-card dl,
.tdg-migration-detail dl,
.tdg-table-card dl,
.tdg-table-detail dl,
.tdg-event-card dl,
.tdg-event-detail dl,
.tdg-telemetry-card dl,
.tdg-telemetry-detail dl,
.tdg-action-card dl,
.tdg-action-detail dl,
.tdg-audit-card dl,
.tdg-audit-detail dl,
.tdg-notification-card dl,
.tdg-notification-detail dl,
.tdg-shell-card dl,
.tdg-shell-detail dl,
.tdg-rest-api-card dl,
.tdg-rest-api-detail dl,
.tdg-shortcode-block-card dl,
.tdg-shortcode-block-detail dl {
  border-top: 1px solid var(--tdg-line);
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-top: 12px;
}
.tdg-migration-card dt,
.tdg-migration-detail dt,
.tdg-table-card dt,
.tdg-table-detail dt,
.tdg-event-card dt,
.tdg-event-detail dt,
.tdg-telemetry-card dt,
.tdg-telemetry-detail dt,
.tdg-action-card dt,
.tdg-action-detail dt,
.tdg-audit-card dt,
.tdg-audit-detail dt,
.tdg-notification-card dt,
.tdg-notification-detail dt,
.tdg-shell-card dt,
.tdg-shell-detail dt,
.tdg-rest-api-card dt,
.tdg-rest-api-detail dt,
.tdg-shortcode-block-card dt,
.tdg-shortcode-block-detail dt {
  color: #4c5c70;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.tdg-migration-card dd,
.tdg-migration-detail dd,
.tdg-table-card dd,
.tdg-table-detail dd,
.tdg-event-card dd,
.tdg-event-detail dd,
.tdg-telemetry-card dd,
.tdg-telemetry-detail dd,
.tdg-action-card dd,
.tdg-action-detail dd,
.tdg-audit-card dd,
.tdg-audit-detail dd,
.tdg-notification-card dd,
.tdg-notification-detail dd,
.tdg-shell-card dd,
.tdg-shell-detail dd,
.tdg-rest-api-card dd,
.tdg-rest-api-detail dd,
.tdg-shortcode-block-card dd,
.tdg-shortcode-block-detail dd {
  margin: 0;
}
.tdg-telemetry-card p,
.tdg-telemetry-detail p {
  margin: 0 0 10px;
}
.tdg-telemetry-cta {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}
.tdg-shell-card code,
.tdg-shell-detail code,
.tdg-rest-api-card code,
.tdg-rest-api-detail code,
.tdg-shortcode-block-card code,
.tdg-shortcode-block-detail code {
  overflow-wrap: anywhere;
}
.tdg-shell-cta {
  display: grid;
  gap: 8px;
}
.tdg-rest-api-cta {
  display: grid;
  gap: 8px;
}
.tdg-shortcode-block-cta {
  display: grid;
  gap: 8px;
}
.tdg-audit-restricted,
.tdg-notification-restricted {
  border: 1px solid var(--tdg-line);
  background: linear-gradient(135deg, #fff 0%, var(--tdg-soft) 100%);
  padding: 18px;
}
.tdg-settings-registry-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}
.tdg-registry-card {
  border: 1px solid var(--tdg-line);
  background: #fff;
  padding: 16px;
}
.tdg-registry-card h3 {
  color: var(--tdg-blue-dark);
  margin: 0 0 10px;
}
.tdg-registry-card dl,
.tdg-registry-detail dl {
  border-top: 1px solid var(--tdg-line);
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-top: 12px;
}
.tdg-registry-card dt,
.tdg-registry-detail dt {
  color: #4c5c70;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.tdg-registry-card dd,
.tdg-registry-detail dd {
  margin: 0;
}
.tdg-registry-cta {
  border: 1px solid var(--tdg-line);
  background: linear-gradient(135deg, #fff 0%, var(--tdg-soft) 100%);
  margin-top: 16px;
  padding: 18px;
}
.tdg-registry-cta h3 {
  color: var(--tdg-blue-dark);
  margin: 0 0 8px;
}
.tdg-real-photo-hero {
  border: 1px solid var(--tdg-line);
  background: #fff;
  margin: 0 0 18px;
  padding: 8px;
}
.tdg-real-photo-hero__image {
  display: block;
  height: auto;
  width: 100%;
}
.tdg-real-photo-hero__caption {
  color: #4c5c70;
  font-size: 12px;
  line-height: 1.4;
  padding: 8px 4px 0;
}
.tdg-real-photo-hero__caption a {
  color: var(--tdg-blue-dark);
}
.tdg-logging-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.tdg-logging-card {
  background: #fff;
  border: 1px solid var(--tdg-line);
  padding: 16px;
}
.tdg-logging-title {
  color: var(--tdg-blue-dark);
  display: block;
  font-size: clamp(26px, 4vw, 42px);
  font-weight: 800;
  line-height: 1.05;
  margin: 0 0 10px;
}
.tdg-logging-card-title {
  color: var(--tdg-blue-dark);
  display: block;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 8px;
}
.tdg-logging-card dl,
.tdg-logging-detail dl {
  border-top: 1px solid var(--tdg-line);
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-top: 12px;
}
.tdg-logging-card dt,
.tdg-logging-detail dt {
  color: #4c5c70;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.tdg-logging-card dd,
.tdg-logging-detail dd {
  margin: 0;
}
.tdg-logging-cta {
  display: grid;
  gap: 8px;
}
.tdg-safe-message-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.tdg-safe-message-card {
  background: #fff;
  border: 1px solid var(--tdg-line);
  padding: 16px;
}
.tdg-safe-message-title {
  color: var(--tdg-blue-dark);
  display: block;
  font-size: clamp(26px, 4vw, 42px);
  font-weight: 800;
  line-height: 1.05;
  margin: 0 0 10px;
}
.tdg-safe-message-card-title {
  color: var(--tdg-blue-dark);
  display: block;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 8px;
}
.tdg-safe-message-card dl,
.tdg-safe-message-detail dl {
  border-top: 1px solid var(--tdg-line);
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-top: 12px;
}
.tdg-safe-message-card dt,
.tdg-safe-message-detail dt {
  color: #4c5c70;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.tdg-safe-message-card dd,
.tdg-safe-message-detail dd {
  margin: 0;
}
.tdg-safe-message-cta {
  display: grid;
  gap: 8px;
}
.tdg-mascot-hero {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 240px);
}
.tdg-mascot-callout {
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, #eef8f3 100%);
  border: 1px solid var(--tdg-line);
  display: grid;
  gap: 10px;
  grid-template-columns: 82px minmax(0, 1fr);
  padding: 12px;
}
.tdg-mascot-callout img {
  display: block;
  height: auto;
  max-height: 170px;
  object-fit: contain;
  width: 100%;
}
.tdg-mascot-callout strong {
  color: var(--tdg-blue-dark);
  display: block;
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 4px;
}
.tdg-mascot-callout p {
  color: #273447;
  font-size: 13px;
  line-height: 1.35;
  margin: 0;
}
.tdg-mascot-hero .tdg-mascot-callout {
  justify-self: end;
  max-width: 240px;
}
.tdg-shortcode-panel--mascot {
  display: grid;
  gap: 14px;
}
.tdg-shortcode-panel--mascot .tdg-mascot-callout {
  max-width: 420px;
}
.tdg-value-universe {
  max-width: 1240px;
  margin: 0 auto;
  padding: 24px 16px 40px;
}
.tdg-value-hero {
  align-items: center;
  background: linear-gradient(135deg, #f4f7fb 0%, #fff 100%);
  border: 1px solid var(--tdg-line);
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.4fr) minmax(220px, .8fr);
  margin-bottom: 18px;
  padding: 20px;
}
.tdg-value-single-hero {
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
}
.tdg-value-hero-media img,
.tdg-proof-preview img,
.tdg-value-card img {
  display: block;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
}
.tdg-value-hero-media img,
.tdg-value-card img {
  aspect-ratio: 4 / 3;
}
.tdg-value-hero-aside,
.tdg-value-summary-card,
.tdg-proof-card,
.tdg-value-card,
.tdg-value-placeholder-box {
  border: 1px solid var(--tdg-line);
  background: #fff;
}
.tdg-value-hero-aside {
  padding: 20px;
  text-align: center;
}
.tdg-value-hero-aside strong,
.tdg-value-summary-card strong {
  color: var(--tdg-blue-dark);
  display: block;
  font-size: 24px;
}
.tdg-value-summary-grid,
.tdg-value-context-grid,
.tdg-value-card-grid,
.tdg-proof-grid,
.tdg-value-action-grid,
.tdg-value-submission-grid,
.tdg-value-filter-grid {
  display: grid;
  gap: 12px;
}
.tdg-value-summary-grid,
.tdg-value-context-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin: 0 0 18px;
}
.tdg-value-summary-card {
  padding: 14px;
}
.tdg-value-summary-card span,
.tdg-value-summary-card em {
  color: #526170;
  display: block;
  font-style: normal;
}
.tdg-value-card-grid,
.tdg-proof-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.tdg-value-card {
  overflow: hidden;
}
.tdg-value-card-body,
.tdg-proof-card {
  padding: 12px;
}
.tdg-proof-preview {
  margin: 10px 0;
}
.tdg-value-placeholder-box {
  align-items: center;
  color: #526170;
  display: flex;
  justify-content: center;
  min-height: 180px;
  padding: 12px;
  text-align: center;
}
.tdg-value-filter-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin: 0 0 18px;
}
.tdg-value-filter-grid label span {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
}
.tdg-value-filter-grid input {
  width: 100%;
}
.tdg-value-filter-actions {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tdg-value-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
}
.tdg-value-confidence,
.tdg-value-warning {
  display: inline-block;
  padding: 6px 10px;
}
.tdg-value-confidence {
  background: #eef4ff;
  border: 1px solid #c7d6f7;
  color: #123f87;
  font-weight: 700;
}
.tdg-value-warning {
  background: #fff7dc;
  border: 1px solid #e6d08f;
  color: #744210;
  margin-top: 10px;
}
.tdg-value-action-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-bottom: 12px;
}
.tdg-value-submission-grid {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.tdg-value-collector-form,
.tdg-value-form-grid,
.tdg-value-toggle-grid {
  display: grid;
  gap: 12px;
}
.tdg-value-collector-form {
  margin-bottom: 16px;
}
.tdg-value-form-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-bottom: 12px;
}
.tdg-value-form-field {
  display: grid;
  gap: 6px;
}
.tdg-value-form-field span,
.tdg-value-helper-text {
  color: #526170;
  font-size: 13px;
}
.tdg-value-form-field input,
.tdg-value-form-field select,
.tdg-value-form-field textarea {
  border: 1px solid var(--tdg-line);
  padding: 8px 10px;
  width: 100%;
}
.tdg-value-toggle-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  margin-bottom: 12px;
}
.tdg-value-toggle-grid label,
.tdg-value-checkbox {
  align-items: center;
  display: flex;
  gap: 8px;
}
.tdg-value-inline-form {
  margin: 0;
}
.tdg-button-secondary {
  background: #fff;
  color: #123f87;
}
.tdg-video-slot {
  margin: 2rem 0;
  padding: 1.5rem;
  border: 1px solid #d9deea;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
  box-shadow: 0 14px 34px rgba(22, 42, 91, 0.08);
}
.tdg-video-slot__head,
.tdg-video-slot__body,
.tdg-video-slot__actions,
.tdg-video-slot__badges {
  display: flex;
  gap: 1rem;
}
.tdg-video-slot__head,
.tdg-video-slot__body {
  justify-content: space-between;
  align-items: flex-start;
}
.tdg-video-slot__head h3 {
  margin: 0.25rem 0 0.5rem;
}
.tdg-video-slot__hook {
  margin: 0;
  color: #203b77;
  font-weight: 600;
}
.tdg-video-slot__badges {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.tdg-video-slot__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  background: #edf2ff;
  color: #204293;
}
.tdg-video-slot__body {
  margin-top: 1rem;
  flex-wrap: wrap;
}
.tdg-video-slot__media,
.tdg-video-slot__meta,
.tdg-video-slot__placeholder {
  flex: 1 1 280px;
}
.tdg-video-slot__media img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  border: 1px solid #d7dce8;
}
.tdg-video-slot__thumb-placeholder,
.tdg-video-slot__placeholder {
  border: 1px dashed #afbdd9;
  border-radius: 14px;
  padding: 1rem;
  background: #f7f9fd;
}
.tdg-video-slot__actions {
  margin-top: 0.85rem;
  flex-wrap: wrap;
}
.tdg-video-slot__details,
.tdg-video-slot__transcript {
  margin-top: 0.85rem;
}
.tdg-video-slot__embed iframe {
  width: 100%;
  min-height: 320px;
  border: 0;
  border-radius: 14px;
  background: #0f172a;
}
.tdg-video-slot__transcript-copy {
  padding-top: 0.75rem;
}
.tdg-image-slot,
.tdg-image-gallery {
  margin: 2rem 0;
  padding: 1.5rem;
  border: 1px solid #d9deea;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 14px 34px rgba(22, 42, 91, 0.08);
}
.tdg-image-slot {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(260px, 1.2fr) minmax(220px, 1fr);
  align-items: start;
}
.tdg-image-slot__media img,
.tdg-image-gallery__card img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
  border: 1px solid #d7dce8;
  background: #fff;
}
.tdg-image-slot__media img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.tdg-image-slot__placeholder,
.tdg-image-gallery__placeholder {
  min-height: 220px;
  border: 1px dashed #afbdd9;
  border-radius: 14px;
  padding: 1rem;
  background: #f7f9fd;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.tdg-image-slot__caption {
  color: #203b77;
  font-weight: 600;
}
.tdg-image-gallery__head {
  margin-bottom: 1rem;
}
.tdg-image-gallery__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.tdg-image-gallery__card {
  border: 1px solid #d7dce8;
  border-radius: 14px;
  background: #fff;
  padding: 12px;
}
.tdg-image-gallery__card h4 {
  margin: 0.75rem 0 0.35rem;
}
@media (max-width: 720px) {
  .tdg-module-loader-controls {
    grid-template-columns: 1fr;
  }
  .tdg-system-health-summary,
  .tdg-system-health-grid,
  .tdg-system-health-notices {
    grid-template-columns: 1fr;
  }
  .tdg-mascot-hero {
    grid-template-columns: 1fr;
  }
  .tdg-mascot-hero .tdg-mascot-callout {
    justify-self: stretch;
    max-width: none;
  }
  .tdg-value-hero,
  .tdg-value-single-hero {
    grid-template-columns: 1fr;
  }
  .tdg-video-slot {
    padding: 1rem;
  }
  .tdg-image-slot,
  .tdg-image-gallery {
    padding: 1rem;
  }
  .tdg-image-slot {
    grid-template-columns: 1fr;
  }
  .tdg-video-slot__head,
  .tdg-video-slot__body {
    flex-direction: column;
  }
  .tdg-video-slot__badges {
    justify-content: flex-start;
  }
}