.ai-workspace-page {
  --ai-accent: #ffa11d;
  --ai-accent-rgb: 255, 161, 29;
  --ai-ink: #334155;
  --ai-ink-strong: #172033;
  --ai-surface: var(--bostic-surface-raised, #fff);
  --ai-surface-muted: var(--bostic-surface-muted, #f7f8fb);
  --ai-border: var(--bs-border-color);
  --ai-shadow: 0 8px 24px rgba(35, 43, 56, .065);
  min-width: 0;
}

body[data-ai-page="action-plan"] .ai-workspace-page {
  --ai-accent: #4f6fdc;
  --ai-accent-rgb: 79, 111, 220;
}

body[data-ai-page="content"] .ai-workspace-page {
  --ai-accent: #405fc8;
  --ai-accent-rgb: 64, 95, 200;
}

body[data-ai-page="visibility"] .ai-workspace-page {
  --ai-accent: #2f72b8;
  --ai-accent-rgb: 47, 114, 184;
}

body[data-pc-theme="dark"] .ai-workspace-page {
  --ai-ink: #d7e1ec;
  --ai-ink-strong: #f8fafc;
  --ai-surface: var(--bostic-surface-raised, #232c38);
  --ai-surface-muted: var(--bostic-surface-muted, #283240);
  --ai-border: #46515e;
  --ai-shadow: 0 10px 28px rgba(0, 0, 0, .18);
}

body[data-pc-theme="dark"] .ai-workspace-page h2,
body[data-pc-theme="dark"] .ai-workspace-page h3,
body[data-pc-theme="dark"] .ai-workspace-page strong {
  color: var(--ai-ink-strong);
}

.ai-workspace-toolbar,
.ai-workspace-nav,
.ai-workspace-state,
.ai-scan-overview,
.ai-section-heading,
.ai-scan-stage-list article,
.ai-synthesis-gate,
.ai-module-empty,
.ai-action-method,
.ai-result-summary,
.ai-module-intro,
.ai-source-grid article,
.ai-action-list article {
  border: 1px solid var(--ai-border);
  border-radius: 8px;
  background: var(--ai-surface);
  box-shadow: var(--ai-shadow);
}

.ai-workspace-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  gap: 24px;
  padding: 24px;
  border-left: 4px solid var(--ai-accent);
}

.ai-workspace-toolbar > div { min-width: 0; }
.ai-workspace-toolbar h2 { margin: 6px 0 7px; font-size: 1.55rem; line-height: 1.2; }
.ai-workspace-toolbar p { max-width: 820px; margin: 0; color: var(--bs-secondary-color); line-height: 1.55; }
.ai-workspace-eyebrow,
.ai-module-kicker,
.ai-section-heading > div > span {
  color: var(--ai-ink);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}
.ai-workspace-eyebrow { display: inline-flex; align-items: center; gap: 7px; }
.ai-workspace-eyebrow i { color: var(--ai-accent); font-size: 1.05rem; }
.ai-workspace-toolbar .btn { flex: 0 0 auto; min-height: 42px; border-color: rgba(var(--ai-accent-rgb), .62); color: var(--ai-ink-strong); }
.ai-workspace-toolbar .btn:hover { border-color: var(--ai-accent); background: rgba(var(--ai-accent-rgb), .11); color: var(--ai-ink-strong); }

.ai-workspace-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
  gap: 8px;
  padding: 8px;
}
.ai-workspace-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--bs-secondary-color);
  font-size: .76rem;
  font-weight: 760;
  text-align: center;
}
.ai-workspace-nav a i { flex: 0 0 auto; color: var(--ai-accent); font-size: 1.08rem; }
.ai-workspace-nav a:hover { border-color: rgba(var(--ai-accent-rgb), .32); background: rgba(var(--ai-accent-rgb), .07); color: var(--bs-heading-color); }
.ai-workspace-nav a.is-active { border-color: rgba(var(--ai-accent-rgb), .46); background: rgba(var(--ai-accent-rgb), .12); color: var(--ai-ink-strong); }
.ai-workspace-nav a:focus-visible,
.ai-workspace-page .ai-stage-action:focus-visible,
.ai-workspace-page .ai-source-action:focus-visible,
.ai-workspace-page .ai-section-action:focus-visible,
.ai-workspace-page .ai-action-links a:focus-visible { outline: 2px solid var(--ai-accent); outline-offset: 2px; }

.ai-workspace-state {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 12px;
  padding: 15px 17px;
}
.ai-workspace-state[hidden] { display: none !important; }
.ai-workspace-state > i { flex: 0 0 auto; font-size: 1.5rem; }
.ai-workspace-state:not(.is-warning):not(.is-danger) > i { color: var(--ai-accent); }
.ai-workspace-state > div { flex: 1 1 auto; min-width: 0; }
.ai-workspace-state strong,
.ai-workspace-state small { display: block; }
.ai-workspace-state small { margin-top: 2px; color: var(--bs-secondary-color); }
.ai-workspace-state.is-warning { border-left: 4px solid #d58b00; }
.ai-workspace-state.is-danger { border-left: 4px solid #cf5362; }
.ai-workspace-state .btn { min-height: 40px; }

.ai-scan-overview {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  min-width: 0;
  gap: 24px;
  padding: 22px;
  border-left: 4px solid var(--ai-accent);
}
.ai-scan-summary { display: flex; align-items: center; min-width: 0; gap: 20px; }
.ai-scan-meter {
  display: grid;
  flex: 0 0 auto;
  width: 124px;
  height: 124px;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(var(--ai-accent) var(--ai-scan-progress), color-mix(in srgb, var(--ai-border) 74%, transparent) 0);
  position: relative;
}
.ai-scan-meter::after { position: absolute; width: 98px; height: 98px; border-radius: 50%; background: var(--ai-surface); content: ""; }
.ai-scan-meter > div { position: relative; z-index: 1; text-align: center; }
.ai-scan-meter strong,
.ai-scan-meter span { display: block; }
.ai-scan-meter strong { color: var(--bs-heading-color); font-size: 1.55rem; line-height: 1; }
.ai-scan-meter span { margin-top: 6px; color: var(--bs-secondary-color); font-size: .69rem; }
.ai-scan-summary-copy { min-width: 0; }
.ai-scan-summary-copy h3 { margin: 7px 0 6px; font-size: 1.25rem; }
.ai-scan-summary-copy p { max-width: 660px; margin: 0; color: var(--bs-secondary-color); line-height: 1.55; }
.ai-scan-summary-copy small { display: block; margin-top: 10px; color: var(--bs-secondary-color); }
.ai-scan-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
.ai-scan-controls[hidden] { display: none !important; }
.ai-scan-controls .btn { min-height: 40px; }
.ai-scan-orchestration-state { color: var(--bs-secondary-color); font-size: .74rem; font-weight: 720; }
.ai-scan-status,
.ai-module-state,
.ai-synthesis-badge {
  display: inline-flex;
  align-items: center;
  min-height: 29px;
  padding: 5px 10px;
  border: 1px solid rgba(var(--ai-accent-rgb), .34);
  border-radius: 6px;
  background: rgba(var(--ai-accent-rgb), .1);
  color: var(--ai-ink);
  font-size: .74rem;
  font-weight: 780;
}
.ai-scan-principle { display: flex; align-items: center; flex: 0 1 320px; min-width: 240px; gap: 12px; padding: 16px; border-left: 1px solid var(--ai-border); }
.ai-scan-principle > i { flex: 0 0 auto; color: var(--ai-accent); font-size: 1.65rem; }
.ai-scan-principle strong,
.ai-scan-principle span { display: block; }
.ai-scan-principle strong { font-size: .85rem; }
.ai-scan-principle span { margin-top: 3px; color: var(--bs-secondary-color); font-size: .75rem; line-height: 1.45; }

.ai-scan-pipeline,
.ai-action-queue { min-width: 0; }
.ai-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 13px; padding: 15px 17px; }
.ai-section-heading h3 { margin: 4px 0 0; font-size: 1.08rem; }
.ai-section-heading > small { color: var(--bs-secondary-color); }
.ai-section-heading > a { flex: 0 0 auto; }
.ai-section-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  gap: 7px;
  padding: 8px 12px;
  border: 1px solid rgba(var(--ai-accent-rgb), .55);
  border-radius: 7px;
  background: rgba(var(--ai-accent-rgb), .08);
  color: var(--ai-ink-strong);
  font-size: .76rem;
  font-weight: 760;
}
.ai-section-action:hover { border-color: var(--ai-accent); background: rgba(var(--ai-accent-rgb), .15); color: var(--ai-ink-strong); }
.ai-scan-stage-list { display: grid; gap: 9px; }
.ai-scan-stage-list article {
  display: grid;
  grid-template-columns: 34px 42px minmax(0, 1fr) auto auto;
  align-items: center;
  min-width: 0;
  gap: 12px;
  padding: 13px 15px;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.ai-scan-stage-list article:hover { border-color: rgba(var(--ai-accent-rgb), .32); box-shadow: 0 10px 24px rgba(35, 43, 56, .09); transform: translateY(-1px); }
.ai-stage-index { color: var(--bs-secondary-color); font-size: .7rem; font-weight: 800; }
.ai-stage-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 7px; background: rgba(var(--ai-accent-rgb), .11); color: var(--ai-accent); font-size: 1.25rem; }
.ai-scan-stage-list article > div { min-width: 0; }
.ai-scan-stage-list article strong { display: block; font-size: .87rem; }
.ai-scan-stage-list article p { margin: 3px 0 0; color: var(--bs-secondary-color); font-size: .75rem; line-height: 1.4; }
.ai-stage-state { min-width: 112px; padding: 5px 8px; border: 1px solid var(--ai-border); border-radius: 5px; background: var(--ai-surface-muted); color: var(--bs-secondary-color); font-size: .71rem; font-weight: 760; text-align: center; }
.ai-stage-action { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; gap: 6px; padding: 7px 10px; border: 1px solid rgba(var(--ai-accent-rgb), .46); border-radius: 6px; background: rgba(var(--ai-accent-rgb), .07); color: var(--ai-ink-strong); font-size: .72rem; font-weight: 750; text-decoration: none; }
.ai-stage-action:hover { border-color: var(--ai-accent); background: rgba(var(--ai-accent-rgb), .14); color: var(--ai-ink-strong); }
.ai-scan-stage-list article[data-source-state="ready"] { border-color: rgba(22, 134, 90, .35); }
.ai-scan-stage-list article[data-source-state="ready"] .ai-stage-icon { background: rgba(22, 134, 90, .12); color: #16865a; }
.ai-scan-stage-list article[data-source-state="ready"] .ai-stage-state { color: #16865a; }
.ai-scan-stage-list article[data-source-state="active"] { border-color: rgba(47, 114, 184, .4); }
.ai-scan-stage-list article[data-source-state="active"] .ai-stage-icon { background: rgba(47, 114, 184, .12); color: #2f72b8; }
.ai-scan-stage-list article[data-source-state="active"] .ai-stage-state { color: #2f72b8; }
.ai-scan-stage-list article[data-source-state="attention"] { border-color: rgba(213, 139, 0, .42); }
.ai-scan-stage-list article[data-source-state="attention"] .ai-stage-icon { background: rgba(213, 139, 0, .12); color: #b67500; }
.ai-scan-stage-list article[data-source-state="attention"] .ai-stage-state { color: #a66b00; }
.ai-scan-stage-list article[data-source-state="blocked"] { border-color: rgba(207, 83, 98, .35); }
.ai-scan-stage-list article[data-source-state="blocked"] .ai-stage-icon { background: rgba(207, 83, 98, .12); color: #c34a59; }
.ai-scan-stage-list article[data-source-state="blocked"] .ai-stage-state { color: #c34a59; }

.ai-synthesis-gate,
.ai-module-empty {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 15px;
  padding: 18px;
  border-left: 4px solid var(--ai-accent);
}
.ai-synthesis-mark,
.ai-module-empty > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 48px; height: 48px; border-radius: 8px; background: rgba(var(--ai-accent-rgb), .11); color: var(--ai-accent); font-size: 1.45rem; }
.ai-synthesis-gate > div,
.ai-module-empty > div { flex: 1 1 auto; min-width: 0; }
.ai-synthesis-gate > div > span { color: var(--ai-ink); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.ai-synthesis-gate h3 { margin: 2px 0 3px; font-size: .98rem; }
.ai-synthesis-gate p,
.ai-module-empty p { margin: 0; color: var(--bs-secondary-color); font-size: .78rem; line-height: 1.5; }
.ai-synthesis-gate[data-ai-synthesis-ready="true"] { border-color: rgba(22, 134, 90, .38); border-left-color: #16865a; }
.ai-synthesis-gate[data-ai-synthesis-ready="true"] .ai-synthesis-mark { background: rgba(22, 134, 90, .12); color: #16865a; }
.ai-synthesis-gate[data-ai-synthesis-ready="true"] .ai-synthesis-badge { border-color: rgba(22, 134, 90, .3); background: rgba(22, 134, 90, .1); color: #16865a; }
.ai-synthesis-controls { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 10px; }
.ai-synthesis-controls .btn { min-height: 42px; white-space: nowrap; }
.ai-synthesis-controls .btn:focus-visible { outline: 2px solid var(--ai-accent); outline-offset: 2px; }
.ai-synthesis-controls .btn:disabled { cursor: not-allowed; opacity: .58; }

.ai-module-intro { display: flex; align-items: center; justify-content: space-between; min-width: 0; gap: 20px; padding: 20px; border-left: 4px solid var(--ai-accent); }
.ai-module-intro > div { min-width: 0; }
.ai-module-intro h3 { margin: 5px 0 5px; font-size: 1.15rem; }
.ai-module-intro p { max-width: 820px; margin: 0; color: var(--bs-secondary-color); line-height: 1.5; }
.ai-module-state { flex: 0 0 auto; }
.ai-action-plan-intro { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; }
.ai-action-plan-mark { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 8px; background: rgba(var(--ai-accent-rgb), .12); color: var(--ai-accent); font-size: 1.55rem; }
.ai-source-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ai-source-grid article { display: grid; grid-template-columns: 42px minmax(0, 1fr); min-width: 0; gap: 10px; padding: 15px; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.ai-source-grid article:hover { border-color: rgba(var(--ai-accent-rgb), .32); box-shadow: 0 10px 24px rgba(35, 43, 56, .09); transform: translateY(-1px); }
.ai-source-grid article > i { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 7px; background: rgba(var(--ai-accent-rgb), .11); color: var(--ai-accent); font-size: 1.25rem; }
.ai-source-grid article > div { min-width: 0; }
.ai-source-grid article > div > span,
.ai-source-grid article > div > strong,
.ai-source-grid article > div > small { display: block; }
.ai-source-grid article > div > span { color: var(--bs-secondary-color); font-size: .68rem; text-transform: uppercase; }
.ai-source-grid article > div > strong { margin-top: 2px; font-size: .88rem; }
.ai-source-grid article > div > small { margin-top: 3px; color: var(--bs-secondary-color); font-size: .72rem; line-height: 1.35; }
.ai-source-grid article em { grid-column: 1 / -1; justify-self: start; padding: 4px 7px; border: 1px solid var(--ai-border); border-radius: 5px; background: var(--ai-surface-muted); color: var(--bs-secondary-color); font-size: .7rem; font-style: normal; font-weight: 750; }
.ai-source-action { display: inline-flex; grid-column: 1 / -1; align-items: center; justify-content: center; min-height: 40px; gap: 7px; padding: 8px 10px; border: 1px solid rgba(var(--ai-accent-rgb), .46); border-radius: 6px; background: rgba(var(--ai-accent-rgb), .07); color: var(--ai-ink-strong); font-size: .73rem; font-weight: 750; }
.ai-source-action:hover { border-color: var(--ai-accent); background: rgba(var(--ai-accent-rgb), .14); color: var(--ai-ink-strong); }
.ai-source-grid article[data-source-state="ready"] { border-color: rgba(22, 134, 90, .35); }
.ai-source-grid article[data-source-state="ready"] em { color: #16865a; }
.ai-source-grid article[data-source-state="attention"] { border-color: rgba(213, 139, 0, .4); }
.ai-source-grid article[data-source-state="attention"] em { color: #a66b00; }

.ai-action-list { display: grid; gap: 9px; }
.ai-action-list article { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; min-width: 0; gap: 14px; padding: 15px; border-left: 3px solid var(--ai-accent); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.ai-action-list article:hover { border-color: rgba(var(--ai-accent-rgb), .32); box-shadow: 0 10px 24px rgba(35, 43, 56, .09); }
.ai-action-list article:hover { transform: translateY(-1px); }
.ai-action-rank { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid rgba(var(--ai-accent-rgb), .3); border-radius: 8px; background: rgba(var(--ai-accent-rgb), .1); color: var(--ai-ink-strong); font-size: .72rem; font-weight: 820; }
.ai-action-copy { min-width: 0; }
.ai-action-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-bottom: 7px; }
.ai-action-severity { display: inline-flex; align-items: center; justify-content: center; min-height: 27px; gap: 5px; padding: 4px 8px; border-radius: 5px; background: var(--ai-surface-muted); color: var(--bs-secondary-color); font-size: .67rem; font-weight: 800; }
.ai-action-severity.is-critical { background: rgba(207, 83, 98, .12); color: #c34a59; }
.ai-action-severity.is-warning { background: rgba(213, 139, 0, .12); color: #a66b00; }
.ai-action-category { display: inline-flex; align-items: center; min-height: 27px; padding: 4px 8px; border: 1px solid var(--ai-border); border-radius: 5px; background: var(--ai-surface-muted); color: var(--bs-secondary-color); font-size: .67rem; font-weight: 720; }
.ai-action-list article[data-ai-action-level="critical"] { border-left-color: #cf5362; }
.ai-action-list article[data-ai-action-level="warning"] { border-left-color: #d58b00; }
.ai-action-list article[data-ai-action-level="opportunity"] { border-left-color: #16865a; }
.ai-action-list article > div { min-width: 0; }
.ai-action-list strong,
.ai-action-list small { display: block; }
.ai-action-list small { margin-top: 3px; color: var(--bs-secondary-color); line-height: 1.4; }
.ai-action-links { display: inline-flex; align-items: center; justify-content: flex-end; gap: 9px; }
.ai-action-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; gap: 6px; padding: 7px 10px; border: 1px solid rgba(var(--ai-accent-rgb), .46); border-radius: 6px; background: rgba(var(--ai-accent-rgb), .07); color: var(--ai-ink-strong); font-size: .74rem; font-weight: 750; white-space: nowrap; }
.ai-action-links a:hover { border-color: var(--ai-accent); background: rgba(var(--ai-accent-rgb), .14); color: var(--ai-ink-strong); }
.ai-action-links a.is-primary { border-color: #405fc8; background: #405fc8; color: #fff; }
.ai-action-links a.is-primary:hover { border-color: #314eaf; background: #314eaf; color: #fff; }

.ai-result-summary { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); min-width: 0; gap: 24px; padding: 20px; border-left: 4px solid var(--ai-accent); }
.ai-result-summary[hidden] { display: none !important; }
.ai-result-summary-copy,
.ai-result-limitations { min-width: 0; }
.ai-result-summary-copy > span { color: var(--ai-ink); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.ai-result-summary h3 { margin: 5px 0 6px; font-size: 1.08rem; }
.ai-result-summary p { margin: 0; color: var(--bs-secondary-color); line-height: 1.55; }
.ai-result-limitations { padding-left: 20px; border-left: 1px solid var(--ai-border); }
.ai-result-limitations strong { display: block; margin-bottom: 7px; font-size: .78rem; }
.ai-result-limitations ul { display: grid; gap: 5px; margin: 0; padding-left: 18px; color: var(--bs-secondary-color); font-size: .74rem; line-height: 1.45; }
.ai-action-evidence { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.ai-action-evidence span { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 7px; border: 1px solid var(--ai-border); border-radius: 5px; background: var(--ai-surface-muted); color: var(--bs-secondary-color); font-size: .65rem; font-weight: 740; }
.ai-action-impact { margin-top: 7px !important; color: var(--ai-ink) !important; font-size: .72rem; }

.ai-action-method { display: flex; align-items: center; justify-content: space-between; min-width: 0; gap: 24px; padding: 18px; border-left: 4px solid var(--ai-accent); }
.ai-action-method-heading { display: flex; align-items: center; min-width: 0; gap: 13px; }
.ai-action-method-heading > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 46px; height: 46px; border-radius: 8px; background: rgba(var(--ai-accent-rgb), .11); color: var(--ai-accent); font-size: 1.35rem; }
.ai-action-method-heading > div { min-width: 0; }
.ai-action-method-heading small { color: var(--ai-ink); font-size: .67rem; font-weight: 800; text-transform: uppercase; }
.ai-action-method-heading h3 { margin: 3px 0; font-size: .95rem; }
.ai-action-method-heading p { max-width: 650px; margin: 0; color: var(--bs-secondary-color); font-size: .76rem; line-height: 1.45; }
.ai-action-method-points { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.ai-action-method-points span { display: inline-flex; align-items: center; min-height: 34px; gap: 6px; padding: 6px 9px; border: 1px solid var(--ai-border); border-radius: 6px; background: var(--ai-surface-muted); color: var(--ai-ink); font-size: .69rem; font-weight: 740; white-space: nowrap; }
.ai-action-method-points i { color: var(--ai-accent); font-size: 1rem; }

.ai-project-intelligence { min-width: 0; }
.ai-project-intelligence[hidden] { display: none !important; }
.ai-project-intelligence-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  gap: 24px;
  padding: 20px 22px;
  border: 1px solid var(--ai-border);
  border-left: 4px solid var(--ai-accent);
  background: var(--ai-surface);
}
.ai-project-intelligence-heading > div { min-width: 0; }
.ai-project-intelligence-heading > div > span,
.ai-keyword-intelligence-copy > span,
.ai-project-profile-card small { color: var(--ai-ink); font-size: .67rem; font-weight: 800; text-transform: uppercase; }
.ai-project-intelligence-heading h3 { margin: 4px 0 5px; font-size: 1.08rem; }
.ai-project-intelligence-heading p { max-width: 780px; margin: 0; color: var(--bs-secondary-color); font-size: .76rem; line-height: 1.5; }
.ai-intelligence-confidence { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 34px; padding: 6px 10px; border: 1px solid rgba(var(--ai-accent-rgb), .35); border-radius: 6px; background: rgba(var(--ai-accent-rgb), .1); color: var(--ai-ink-strong); font-size: .7rem; font-weight: 800; white-space: nowrap; }
.ai-project-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; gap: 14px; margin-top: 14px; }
.ai-project-profile-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); min-width: 0; gap: 14px; padding: 18px; border: 1px solid var(--ai-border); border-radius: 8px; background: var(--ai-surface); box-shadow: var(--ai-shadow); }
.ai-project-profile-card > div { min-width: 0; }
.ai-intelligence-card-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 8px; background: rgba(var(--ai-accent-rgb), .12); color: var(--ai-accent); font-size: 1.4rem; }
.ai-intelligence-card-icon.is-audience { background: rgba(22, 134, 90, .11); color: #16865a; }
.ai-project-profile-card h4 { margin: 4px 0 6px; font-size: .96rem; overflow-wrap: anywhere; }
.ai-project-profile-card p { margin: 0; color: var(--bs-secondary-color); font-size: .73rem; line-height: 1.5; }
.ai-profile-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.ai-profile-tags span { display: inline-flex; align-items: center; min-height: 26px; padding: 4px 8px; border: 1px solid rgba(var(--ai-accent-rgb), .24); border-radius: 5px; background: rgba(var(--ai-accent-rgb), .07); color: var(--ai-ink); font-size: .64rem; font-weight: 720; }
.ai-profile-facts { display: grid; gap: 9px; margin-top: 10px; }
.ai-profile-facts > span { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 10px; padding-top: 8px; border-top: 1px solid var(--ai-border); }
.ai-profile-facts strong { font-size: .66rem; }
.ai-profile-facts em { color: var(--bs-secondary-color); font-size: .7rem; font-style: normal; line-height: 1.4; }
.ai-keyword-intelligence { display: grid; grid-template-columns: minmax(250px, .34fr) minmax(0, 1fr); min-width: 0; gap: 22px; margin-top: 14px; padding: 22px 0; border-block: 1px solid var(--ai-border); background: var(--ai-surface); }
.ai-keyword-intelligence-copy { min-width: 0; padding: 0 0 0 22px; }
.ai-keyword-intelligence-copy h3 { margin: 4px 0 6px; font-size: 1rem; }
.ai-keyword-intelligence-copy > p { margin: 0; color: var(--bs-secondary-color); font-size: .73rem; line-height: 1.5; }
.ai-keyword-clusters { display: grid; gap: 7px; margin-top: 15px; }
.ai-keyword-clusters > span { display: grid; grid-template-columns: 24px minmax(0, 1fr); min-width: 0; gap: 7px; padding: 8px 0; border-top: 1px solid var(--ai-border); }
.ai-keyword-clusters i { grid-row: 1 / 3; color: var(--ai-accent); font-size: 1.05rem; }
.ai-keyword-clusters strong { min-width: 0; font-size: .69rem; overflow-wrap: anywhere; }
.ai-keyword-clusters em { color: var(--bs-secondary-color); font-size: .61rem; font-style: normal; }
.ai-keyword-opportunities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; gap: 12px; padding-right: 22px; }
.ai-keyword-opportunity { min-width: 0; padding: 15px; border: 1px solid var(--ai-border); border-top: 3px solid #2f72b8; border-radius: 8px; background: var(--ai-surface); box-shadow: var(--ai-shadow); }
.ai-keyword-opportunity[data-priority="high"] { border-top-color: #cf5362; }
.ai-keyword-opportunity[data-priority="low"] { border-top-color: #16865a; }
.ai-keyword-opportunity header { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: start; min-width: 0; gap: 9px; }
.ai-keyword-opportunity-index { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 6px; background: rgba(var(--ai-accent-rgb), .11); color: var(--ai-accent); font-size: .65rem; font-weight: 820; }
.ai-keyword-opportunity header > div { min-width: 0; }
.ai-keyword-opportunity header small { display: block; color: var(--bs-secondary-color); font-size: .58rem; font-weight: 780; text-transform: uppercase; }
.ai-keyword-opportunity h4 { margin: 2px 0 0; font-size: .84rem; overflow-wrap: anywhere; }
.ai-keyword-opportunity header > em { padding: 3px 6px; border-radius: 4px; background: var(--ai-surface-muted); color: var(--ai-ink); font-size: .59rem; font-style: normal; font-weight: 760; white-space: nowrap; }
.ai-keyword-signal { height: 5px; margin-top: 12px; border-radius: 3px; background: var(--ai-surface-muted); overflow: hidden; }
.ai-keyword-signal > span { display: block; width: var(--ai-keyword-signal, 8%); height: 100%; border-radius: inherit; background: var(--ai-accent); }
.ai-keyword-metrics { display: flex; flex-wrap: wrap; gap: 5px 10px; margin-top: 10px; }
.ai-keyword-metrics span { display: inline-flex; align-items: center; min-width: 0; gap: 4px; color: var(--bs-secondary-color); font-size: .61rem; overflow-wrap: anywhere; }
.ai-keyword-metrics i { flex: 0 0 auto; color: var(--ai-accent); font-size: .88rem; }
.ai-keyword-opportunity > p { margin: 10px 0 0; color: var(--bs-secondary-color); font-size: .68rem; line-height: 1.45; }
.ai-keyword-opportunity footer { display: grid; gap: 3px; margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--ai-border); }
.ai-keyword-opportunity footer strong { font-size: .64rem; }
.ai-keyword-opportunity footer span { color: var(--ai-ink); font-size: .67rem; line-height: 1.42; }
.ai-keyword-opportunity-empty { display: grid; grid-column: 1 / -1; min-height: 190px; place-items: center; align-content: center; gap: 6px; padding: 24px; border: 1px dashed var(--ai-border); border-radius: 8px; color: var(--bs-secondary-color); text-align: center; }
.ai-keyword-opportunity-empty i { color: var(--ai-accent); font-size: 1.65rem; }
.ai-keyword-opportunity-empty strong { font-size: .76rem; }
.ai-keyword-opportunity-empty span { max-width: 420px; font-size: .68rem; line-height: 1.45; }
body[data-pc-theme="dark"] .ai-intelligence-card-icon.is-audience { color: #61d49f; }
body[data-pc-theme="dark"] .ai-project-intelligence h4 { color: var(--ai-ink-strong); }
body[data-pc-theme="dark"] .ai-project-intelligence-heading p,
body[data-pc-theme="dark"] .ai-project-profile-card p,
body[data-pc-theme="dark"] .ai-profile-facts em,
body[data-pc-theme="dark"] .ai-keyword-intelligence-copy > p,
body[data-pc-theme="dark"] .ai-keyword-clusters em,
body[data-pc-theme="dark"] .ai-keyword-opportunity header small,
body[data-pc-theme="dark"] .ai-keyword-metrics span,
body[data-pc-theme="dark"] .ai-keyword-opportunity > p,
body[data-pc-theme="dark"] .ai-keyword-opportunity-empty { color: #b8c4d1; }
body[data-pc-theme="dark"] .ai-keyword-opportunity footer span { color: #d7e1ec; }

.ai-content-launch,
.ai-content-sources,
.ai-content-result-summary,
.ai-content-editor-workspace,
.ai-content-editor,
.ai-content-score,
.ai-content-draft-list,
.ai-content-opportunity {
  min-width: 0;
  border: 1px solid var(--ai-border);
  border-radius: 8px;
  background: var(--ai-surface);
  box-shadow: var(--ai-shadow);
}

.ai-content-launch {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) minmax(220px, auto);
  align-items: center;
  gap: 16px;
  padding: 20px;
  border-left: 4px solid var(--ai-accent);
}
.ai-content-launch-mark { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 8px; background: rgba(var(--ai-accent-rgb), .12); color: var(--ai-accent); font-size: 1.55rem; }
.ai-content-launch-copy { min-width: 0; }
.ai-content-launch-copy h3 { margin: 4px 0 5px; font-size: 1.02rem; }
.ai-content-launch-copy p { margin: 0; color: var(--bs-secondary-color); font-size: .78rem; line-height: 1.5; }
.ai-content-launch-actions { display: flex; align-items: flex-end; flex-direction: column; gap: 8px; }
.ai-content-launch-actions .btn { min-height: 42px; white-space: nowrap; }
.ai-content-usage { color: var(--bs-secondary-color); font-size: .69rem; font-weight: 720; }

.ai-content-sources,
.ai-content-editor-workspace { padding: 18px; }
.ai-content-sources .ai-section-heading,
.ai-content-editor-workspace .ai-section-heading { margin: -18px -18px 18px; border: 0; border-bottom: 1px solid var(--ai-border); border-radius: 8px 8px 0 0; box-shadow: none; }
.ai-content-sources .ai-section-heading > small,
.ai-content-editor-workspace .ai-section-heading > small { color: var(--bs-secondary-color); font-size: .7rem; }
.ai-content-source-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ai-content-source-grid article { box-shadow: none; }

.ai-content-result { min-width: 0; }
.ai-content-result-summary { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(250px, .6fr); gap: 22px; padding: 20px; border-left: 4px solid var(--ai-accent); }
.ai-content-result-summary[hidden] { display: none !important; }
.ai-content-result-summary > div,
.ai-content-result-summary aside { min-width: 0; }
.ai-content-result-summary > div > span { color: var(--ai-ink); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.ai-content-result-summary h3 { margin: 5px 0 6px; font-size: 1.08rem; }
.ai-content-result-summary p { margin: 0; color: var(--bs-secondary-color); line-height: 1.55; }
.ai-content-result-summary aside { padding-left: 20px; border-left: 1px solid var(--ai-border); }
.ai-content-result-summary aside strong { display: block; margin-bottom: 7px; font-size: .77rem; }
.ai-content-result-summary ul { display: grid; gap: 5px; margin: 0; padding-left: 18px; color: var(--bs-secondary-color); font-size: .72rem; line-height: 1.45; }
.ai-content-opportunities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.ai-content-opportunity { display: flex; flex-direction: column; padding: 18px; border-top: 3px solid var(--ai-accent); box-shadow: none; }
.ai-content-opportunity[data-priority="high"] { border-top-color: #cf5362; }
.ai-content-opportunity[data-priority="low"] { border-top-color: #16865a; }
.ai-content-opportunity > header { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: start; gap: 10px; }
.ai-content-opportunity-rank { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 7px; background: rgba(var(--ai-accent-rgb), .12); color: var(--ai-accent); font-size: .72rem; font-weight: 800; }
.ai-content-opportunity header > div { min-width: 0; }
.ai-content-opportunity header > div > span { color: var(--bs-secondary-color); font-size: .65rem; font-weight: 760; text-transform: uppercase; }
.ai-content-opportunity h4 { margin: 3px 0 0; font-size: .94rem; overflow-wrap: anywhere; }
.ai-content-opportunity header > em { min-height: 26px; padding: 4px 8px; border: 1px solid rgba(var(--ai-accent-rgb), .25); border-radius: 5px; background: rgba(var(--ai-accent-rgb), .08); color: var(--ai-ink); font-size: .64rem; font-style: normal; font-weight: 760; white-space: nowrap; }
.ai-content-strategy { display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: center; gap: 10px; margin-top: 14px; padding: 10px 0; border-block: 1px solid var(--ai-border); }
.ai-content-strategy > span { padding: 4px 7px; border-radius: 4px; background: rgba(22, 134, 90, .11); color: #126f4b; font-size: .65rem; font-weight: 800; }
.ai-content-opportunity[data-strategy="update"] .ai-content-strategy > span { background: rgba(47, 114, 184, .11); color: #2f72b8; }
.ai-content-strategy p { min-width: 0; margin: 0; color: var(--bs-secondary-color); font-size: .7rem; line-height: 1.45; overflow-wrap: anywhere; }
.ai-content-strategy a { color: var(--ai-accent); font-weight: 750; text-decoration: none; }
.ai-content-strategy a:hover { text-decoration: underline; }
.ai-content-opportunity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--ai-border); }
.ai-content-opportunity-grid > div { min-width: 0; }
.ai-content-opportunity-grid strong { display: block; margin-bottom: 2px; color: var(--ai-ink); font-size: .68rem; }
.ai-content-opportunity-grid p { margin: 0 0 10px; color: var(--bs-secondary-color); font-size: .72rem; line-height: 1.48; overflow-wrap: anywhere; }
.ai-content-outline { display: grid; gap: 7px; margin: 2px 0 16px; padding: 0; list-style: none; }
.ai-content-outline li { display: grid; grid-template-columns: minmax(110px, .4fr) minmax(0, 1fr); gap: 10px; padding: 8px 10px; border-radius: 6px; background: var(--ai-surface-muted); }
.ai-content-outline strong { font-size: .69rem; }
.ai-content-outline span { color: var(--bs-secondary-color); font-size: .68rem; line-height: 1.4; }
.ai-content-opportunity footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--ai-border); }
.ai-content-opportunity footer .btn { flex: 0 0 auto; min-height: 40px; }
.ai-content-evidence-tags { display: flex; flex-wrap: wrap; min-width: 0; gap: 5px; }
.ai-content-evidence-tags > span { display: inline-flex; min-height: 24px; align-items: center; padding: 3px 7px; border: 1px solid var(--ai-border); border-radius: 5px; background: var(--ai-surface-muted); color: var(--bs-secondary-color); font-size: .62rem; font-weight: 720; }
.ai-content-evidence-tags > span.is-schema { border-color: rgba(var(--ai-accent-rgb), .28); color: var(--ai-ink); }

.ai-content-editor-layout { display: grid; grid-template-columns: minmax(200px, .28fr) minmax(0, 1fr) minmax(250px, .34fr); align-items: start; gap: 16px; }
.ai-content-draft-list { display: grid; gap: 8px; padding: 10px; box-shadow: none; }
.ai-content-draft-empty { display: flex; align-items: center; flex-direction: column; gap: 4px; padding: 28px 12px; color: var(--bs-secondary-color); text-align: center; }
.ai-content-draft-empty i { color: var(--ai-accent); font-size: 1.55rem; }
.ai-content-draft-empty span { color: var(--ai-ink-strong); font-size: .76rem; font-weight: 760; }
.ai-content-draft-empty small { font-size: .68rem; line-height: 1.4; }
.ai-content-draft-item { display: flex; align-items: center; justify-content: space-between; width: 100%; min-width: 0; min-height: 52px; gap: 8px; padding: 9px 10px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: inherit; text-align: left; }
.ai-content-draft-item:hover,
.ai-content-draft-item.is-active { border-color: rgba(var(--ai-accent-rgb), .34); background: rgba(var(--ai-accent-rgb), .08); }
.ai-content-draft-item:focus-visible { outline: 2px solid var(--ai-accent); outline-offset: 2px; }
.ai-content-draft-item > span { min-width: 0; }
.ai-content-draft-item strong,
.ai-content-draft-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-content-draft-item strong { font-size: .71rem; }
.ai-content-draft-item small { margin-top: 2px; color: var(--bs-secondary-color); font-size: .64rem; }
.ai-content-draft-item em { flex: 0 0 auto; color: var(--ai-accent); font-size: .65rem; font-style: normal; font-weight: 800; }
.ai-content-editor { padding: 18px; box-shadow: none; }
.ai-content-editor[hidden],
.ai-content-score[hidden] { display: none !important; }
.ai-content-editor-heading { display: flex; align-items: center; justify-content: space-between; min-width: 0; gap: 12px; margin-bottom: 16px; }
.ai-content-editor-heading > div { min-width: 0; }
.ai-content-editor-heading span { color: var(--ai-ink); font-size: .66rem; font-weight: 800; text-transform: uppercase; }
.ai-content-editor-heading h4 { margin: 3px 0 0; font-size: .92rem; overflow-wrap: anywhere; }
.ai-content-save-state { flex: 0 0 auto; padding: 4px 7px; border-radius: 5px; background: var(--ai-surface-muted); color: var(--bs-secondary-color) !important; text-transform: none !important; }
.ai-content-brief { margin: 0 0 16px; padding: 14px 0; border-block: 1px solid var(--ai-border); }
.ai-content-brief-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.ai-content-brief-heading > div { display: grid; gap: 3px; }
.ai-content-brief-heading > div > span { color: var(--bs-secondary-color); font-size: .64rem; font-weight: 800; text-transform: uppercase; }
.ai-content-brief-heading strong { color: var(--ai-ink); font-size: .84rem; }
.ai-content-brief-heading a { display: inline-flex; align-items: center; min-width: 0; gap: 5px; color: var(--ai-accent); font-size: .68rem; font-weight: 760; text-decoration: none; overflow-wrap: anywhere; }
.ai-content-brief-heading a:hover { text-decoration: underline; }
.ai-content-brief > p { margin: 10px 0 0; color: var(--bs-secondary-color); font-size: .71rem; line-height: 1.5; }
.ai-content-brief ol { display: grid; gap: 7px; margin: 12px 0 0; padding: 0; list-style: none; }
.ai-content-brief li { display: grid; grid-template-columns: minmax(120px, .7fr) minmax(0, 1.3fr); gap: 10px; padding-top: 7px; border-top: 1px solid var(--ai-border); }
.ai-content-brief li strong { color: var(--ai-ink); font-size: .68rem; }
.ai-content-brief li span { color: var(--bs-secondary-color); font-size: .67rem; }
.ai-content-brief-schemas { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.ai-content-brief-schemas span { padding: 3px 6px; border-radius: 4px; background: rgba(var(--ai-accent-rgb), .09); color: var(--ai-ink); font-size: .62rem; font-weight: 730; }
.ai-content-editor-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.ai-content-editor-fields label { display: grid; min-width: 0; gap: 6px; }
.ai-content-editor-fields label.is-wide { grid-column: 1 / -1; }
.ai-content-editor-fields label > span { display: flex; align-items: center; justify-content: space-between; color: var(--ai-ink); font-size: .7rem; font-weight: 730; }
.ai-content-editor-fields label small { color: var(--bs-secondary-color); font-weight: 600; }
.ai-content-editor-fields .form-control { min-width: 0; border-color: var(--ai-border); background: var(--ai-surface-muted); color: var(--bs-body-color); }
.ai-content-editor-fields .form-control:focus { border-color: var(--ai-accent); background: var(--ai-surface); box-shadow: 0 0 0 3px rgba(var(--ai-accent-rgb), .13); }
.ai-content-body { min-height: 360px; resize: vertical; font-family: inherit; line-height: 1.55; }
.ai-content-editor-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.ai-content-editor-actions .btn { min-height: 42px; }
.ai-content-score { display: grid; gap: 16px; padding: 18px; box-shadow: none; }
.ai-content-score-meter { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 112px; height: 112px; margin: 0 auto; border-radius: 50%; background: conic-gradient(var(--ai-accent) var(--ai-content-score, 0deg), var(--ai-surface-muted) 0); position: relative; }
.ai-content-score-meter::after { content: ""; position: absolute; width: 84px; height: 84px; border-radius: 50%; background: var(--ai-surface); }
.ai-content-score-meter strong,
.ai-content-score-meter span { position: relative; z-index: 1; }
.ai-content-score-meter strong { font-size: 1.55rem; }
.ai-content-score-meter span { color: var(--bs-secondary-color); font-size: .65rem; }
.ai-content-score > div:last-child > span { color: var(--ai-ink); font-size: .66rem; font-weight: 800; text-transform: uppercase; }
.ai-content-score h4 { margin: 3px 0 12px; font-size: .84rem; }
.ai-content-score ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.ai-content-score li { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: start; gap: 7px; padding-top: 7px; border-top: 1px solid var(--ai-border); }
.ai-content-score li i { color: var(--bs-secondary-color); font-size: 1rem; }
.ai-content-score li.is-passed i { color: #16865a; }
.ai-content-score li strong,
.ai-content-score li small { display: block; }
.ai-content-score li strong { font-size: .67rem; }
.ai-content-score li small { margin-top: 2px; color: var(--bs-secondary-color); font-size: .62rem; line-height: 1.35; }
.ai-content-score li em { color: var(--bs-secondary-color); font-size: .62rem; font-style: normal; font-weight: 720; }
.ai-content-launch button:focus-visible,
.ai-content-opportunity button:focus-visible,
.ai-content-editor button:focus-visible { outline: 2px solid var(--ai-accent); outline-offset: 2px; }

.ai-visibility-launch,
.ai-visibility-kpis article,
.ai-visibility-chart-card,
.ai-visibility-platform-card,
.ai-visibility-table-card,
.ai-visibility-sources article {
  border: 1px solid var(--ai-border);
  border-radius: 8px;
  background: var(--ai-surface);
  box-shadow: var(--ai-shadow);
}
.ai-visibility-launch { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 20px; border-left: 4px solid var(--ai-accent); }
.ai-visibility-launch[data-ai-visibility-state="ready"] { border-left-color: #16865a; }
.ai-visibility-launch[data-ai-visibility-state="failed"] { border-left-color: #cf5362; }
.ai-visibility-launch-icon { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 8px; background: rgba(var(--ai-accent-rgb), .12); color: var(--ai-accent); font-size: 1.75rem; }
.ai-visibility-launch > div { min-width: 0; }
.ai-visibility-launch > div > span { color: var(--ai-ink); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.ai-visibility-launch h3 { margin: 4px 0 5px; font-size: 1.05rem; }
.ai-visibility-launch p { margin: 0; color: var(--bs-secondary-color); font-size: .76rem; line-height: 1.5; }
.ai-visibility-launch small { display: block; margin-top: 7px; color: var(--bs-secondary-color); font-size: .67rem; }
.ai-visibility-launch-actions { display: flex; align-items: flex-end; flex-direction: column; gap: 8px; }
.ai-visibility-launch-actions > span { color: var(--bs-secondary-color); font-size: .67rem; font-weight: 720; }
.ai-visibility-launch-actions .btn { min-height: 42px; }
.ai-visibility-launch-actions .btn:focus-visible { outline: 2px solid var(--ai-accent); outline-offset: 2px; }

.ai-visibility-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ai-visibility-kpis article { display: flex; align-items: center; min-width: 0; gap: 12px; padding: 15px; }
.ai-visibility-kpi-icon { display: grid; flex: 0 0 auto; width: 40px; height: 40px; place-items: center; border-radius: 7px; font-size: 1.2rem; }
.ai-visibility-kpi-icon.is-chatgpt { background: rgba(22, 134, 90, .11); color: #16865a; }
.ai-visibility-kpi-icon.is-google { background: rgba(47, 114, 184, .11); color: #2f72b8; }
.ai-visibility-kpi-icon.is-volume { background: rgba(124, 86, 191, .11); color: #7652b7; }
.ai-visibility-kpi-icon.is-share { background: rgba(255, 161, 29, .13); color: #b96d00; }
.ai-visibility-kpis article > div { min-width: 0; }
.ai-visibility-kpis small,
.ai-visibility-kpis strong,
.ai-visibility-kpis em { display: block; }
.ai-visibility-kpis small { color: var(--bs-secondary-color); font-size: .65rem; font-weight: 720; }
.ai-visibility-kpis strong { margin-top: 3px; color: var(--ai-ink-strong); font-size: 1.18rem; }
.ai-visibility-kpis em { overflow: hidden; margin-top: 2px; color: var(--bs-secondary-color); font-size: .6rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }

.ai-visibility-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .75fr); gap: 14px; }
.ai-visibility-chart-card,
.ai-visibility-platform-card,
.ai-visibility-table-card { min-width: 0; padding: 18px; }
.ai-visibility-chart-card > header,
.ai-visibility-platform-card > header,
.ai-visibility-table-card > header,
.ai-visibility-sources header { display: flex; align-items: center; justify-content: space-between; min-width: 0; gap: 12px; }
.ai-visibility-chart-card header span,
.ai-visibility-platform-card header span,
.ai-visibility-table-card header span,
.ai-visibility-sources header span { color: var(--ai-ink); font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.ai-visibility-chart-card h3,
.ai-visibility-platform-card h3,
.ai-visibility-table-card h3,
.ai-visibility-sources h3 { margin: 3px 0 0; font-size: .9rem; }
.ai-visibility-chart-card header small,
.ai-visibility-table-card header small { color: var(--bs-secondary-color); font-size: .65rem; }
.ai-visibility-chart { min-height: 258px; margin-top: 10px; }
.ai-chart-empty { display: grid; min-height: 258px; place-items: center; align-content: center; gap: 8px; color: var(--bs-secondary-color); text-align: center; }
.ai-chart-empty i { color: var(--ai-accent); font-size: 1.7rem; }
.ai-chart-empty span { max-width: 260px; font-size: .68rem; line-height: 1.45; }
.ai-visibility-platform-card ul { display: grid; gap: 8px; margin: 15px 0 0; padding: 0; list-style: none; }
.ai-visibility-platform-card li { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 10px 0; border-top: 1px solid var(--ai-border); }
.ai-visibility-platform-card li > i { color: var(--ai-accent); font-size: 1.2rem; }
.ai-visibility-platform-card li strong,
.ai-visibility-platform-card li small { display: block; }
.ai-visibility-platform-card li strong { font-size: .7rem; }
.ai-visibility-platform-card li small { margin-top: 2px; color: var(--bs-secondary-color); font-size: .61rem; }
.ai-visibility-platform-card li em { padding: 3px 6px; border-radius: 5px; background: rgba(22, 134, 90, .1); color: #16865a; font-size: .59rem; font-style: normal; font-weight: 780; }
.ai-visibility-platform-card li.is-unavailable em { background: var(--ai-surface-muted); color: var(--bs-secondary-color); }
.ai-visibility-table-card .table-responsive { margin-top: 14px; border: 1px solid var(--ai-border); border-radius: 7px; }
.ai-visibility-table-card .table { min-width: 680px; }
.ai-visibility-table-card th { border-bottom-color: var(--ai-border); background: var(--ai-surface-muted); color: var(--ai-ink); font-size: .63rem; text-transform: uppercase; }
.ai-visibility-table-card td { border-bottom-color: var(--ai-border); color: var(--bs-secondary-color); font-size: .68rem; }
.ai-visibility-table-card td strong { color: var(--ai-ink-strong); }
.ai-visibility-domain { display: flex; align-items: center; min-width: 0; gap: 8px; }
.ai-visibility-domain > span { width: 7px; height: 7px; border-radius: 50%; background: var(--ai-accent); }
.ai-visibility-domain.is-self > span { background: #16865a; box-shadow: 0 0 0 4px rgba(22, 134, 90, .1); }
.ai-visibility-domain small { display: block; margin-top: 2px; color: var(--bs-secondary-color); }

.ai-visibility-sources { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ai-visibility-sources article { min-width: 0; padding: 18px; }
.ai-visibility-sources header > i { color: var(--ai-accent); font-size: 1.3rem; }
.ai-visibility-sources ol { display: grid; gap: 0; margin: 12px 0 0; padding: 0; list-style: none; }
.ai-visibility-sources li { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 9px 0; border-top: 1px solid var(--ai-border); }
.ai-visibility-sources li > span { color: var(--bs-secondary-color); font-size: .61rem; font-weight: 800; }
.ai-visibility-sources li strong { min-width: 0; overflow: hidden; color: var(--ai-ink-strong); font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.ai-visibility-sources li em { color: var(--ai-accent); font-size: .63rem; font-style: normal; font-weight: 800; }
.ai-visibility-sources .is-empty { display: block; color: var(--bs-secondary-color); font-size: .68rem; }

body[data-pc-theme="dark"] .ai-visibility-kpi-icon.is-chatgpt,
body[data-pc-theme="dark"] .ai-visibility-platform-card li.is-ready em { color: #61d49f; }
body[data-pc-theme="dark"] .ai-visibility-kpi-icon.is-google { color: #82b9f0; }
body[data-pc-theme="dark"] .ai-visibility-kpi-icon.is-volume { color: #bba4ef; }
body[data-pc-theme="dark"] .ai-visibility-kpi-icon.is-share { color: #ffc76f; }

@media (max-width: 1199.98px) {
  .ai-visibility-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-visibility-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 767.98px) {
  .ai-visibility-launch { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .ai-visibility-launch-actions { grid-column: 1 / -1; align-items: stretch; }
  .ai-visibility-launch-actions .btn { width: 100%; min-height: 44px; }
  .ai-visibility-kpis,
  .ai-visibility-sources { grid-template-columns: minmax(0, 1fr); }
  .ai-visibility-chart-card,
  .ai-visibility-platform-card,
  .ai-visibility-table-card,
  .ai-visibility-sources article { padding: 15px; }
}

.ai-scan-overview[data-ai-scan-state="ready"] { border-left-color: #16865a; }
.ai-scan-overview[data-ai-scan-state="ready"] .ai-scan-status { border-color: rgba(22, 134, 90, .3); background: rgba(22, 134, 90, .1); color: #16865a; }
.ai-scan-overview[data-ai-scan-state="active"] { border-left-color: #2f72b8; }
.ai-scan-overview[data-ai-scan-state="active"] .ai-scan-status { border-color: rgba(47, 114, 184, .32); background: rgba(47, 114, 184, .11); color: #2f72b8; }
.ai-scan-overview[data-ai-scan-state="attention"] { border-left-color: #d58b00; }
.ai-scan-overview[data-ai-scan-state="attention"] .ai-scan-status { border-color: rgba(213, 139, 0, .34); background: rgba(213, 139, 0, .11); color: #a66b00; }
.ai-scan-overview[data-ai-scan-state="blocked"] { border-left-color: #cf5362; }
.ai-scan-overview[data-ai-scan-state="blocked"] .ai-scan-status { border-color: rgba(207, 83, 98, .32); background: rgba(207, 83, 98, .1); color: #c34a59; }

body[data-pc-theme="dark"] .ai-scan-overview[data-ai-scan-state="ready"] .ai-scan-status,
body[data-pc-theme="dark"] .ai-scan-stage-list article[data-source-state="ready"] .ai-stage-state,
body[data-pc-theme="dark"] .ai-source-grid article[data-source-state="ready"] em { color: #61d49f; }
body[data-pc-theme="dark"] .ai-content-strategy > span { color: #61d49f; }
body[data-pc-theme="dark"] .ai-content-opportunity[data-strategy="update"] .ai-content-strategy > span { color: #82b9f0; }
body[data-pc-theme="dark"] .ai-scan-overview[data-ai-scan-state="active"] .ai-scan-status,
body[data-pc-theme="dark"] .ai-scan-stage-list article[data-source-state="active"] .ai-stage-state { color: #82b9f0; }
body[data-pc-theme="dark"] .ai-scan-overview[data-ai-scan-state="attention"] .ai-scan-status,
body[data-pc-theme="dark"] .ai-scan-stage-list article[data-source-state="attention"] .ai-stage-state,
body[data-pc-theme="dark"] .ai-source-grid article[data-source-state="attention"] em { color: #f6c453; }
body[data-pc-theme="dark"] .ai-scan-overview[data-ai-scan-state="blocked"] .ai-scan-status,
body[data-pc-theme="dark"] .ai-scan-stage-list article[data-source-state="blocked"] .ai-stage-state { color: #ff9aa6; }

@media (max-width: 1199.98px) {
  .ai-source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-content-opportunities { grid-template-columns: minmax(0, 1fr); }
  .ai-content-editor-layout { grid-template-columns: minmax(190px, .32fr) minmax(0, 1fr); }
  .ai-content-score { grid-column: 2; }
  .ai-keyword-intelligence { grid-template-columns: minmax(0, 1fr); }
  .ai-keyword-intelligence-copy { padding-right: 22px; }
  .ai-keyword-opportunities { padding-left: 22px; }
}

@media (max-width: 767.98px) {
  .ai-workspace-toolbar { align-items: flex-start; flex-direction: column; padding: 17px; }
  .ai-workspace-toolbar .btn { min-height: 44px; width: 100%; }
  .ai-workspace-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-scan-overview { align-items: flex-start; flex-direction: column; padding: 17px; }
  .ai-scan-principle { flex: 0 0 auto; width: 100%; min-width: 0; padding: 14px 0 0; border-top: 1px solid var(--ai-border); border-left: 0; }
  .ai-scan-controls { align-items: stretch; flex-direction: column; }
  .ai-scan-controls .btn { width: 100%; min-height: 44px; }
  .ai-scan-stage-list article { grid-template-columns: 28px 42px minmax(0, 1fr); align-items: start; }
  .ai-stage-state { grid-column: 3; min-width: 0; text-align: left; }
  .ai-scan-stage-list article > a { grid-column: 2 / -1; min-height: 44px; }
  .ai-synthesis-gate { align-items: flex-start; flex-wrap: wrap; }
  .ai-synthesis-controls { width: 100%; margin-left: 63px; }
  .ai-result-summary { grid-template-columns: minmax(0, 1fr); }
  .ai-result-limitations { padding-top: 14px; padding-left: 0; border-top: 1px solid var(--ai-border); border-left: 0; }
  .ai-module-intro { align-items: flex-start; flex-direction: column; padding: 17px; }
  .ai-action-plan-intro { display: grid; grid-template-columns: 48px minmax(0, 1fr); }
  .ai-action-plan-intro .ai-module-state { grid-column: 1 / -1; }
  .ai-module-state { width: 100%; justify-content: center; }
  .ai-source-grid { grid-template-columns: minmax(0, 1fr); }
  .ai-source-action { min-height: 44px; }
  .ai-action-list article { grid-template-columns: minmax(0, 1fr); }
  .ai-action-rank { width: 34px; height: 34px; }
  .ai-action-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-action-links a { justify-content: center; min-height: 44px; }
  .ai-action-method { align-items: flex-start; flex-direction: column; }
  .ai-action-method-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .ai-action-method-points span { justify-content: center; min-width: 0; white-space: normal; text-align: center; }
  .ai-project-intelligence-heading { align-items: flex-start; flex-direction: column; padding: 17px; }
  .ai-intelligence-confidence { width: 100%; }
  .ai-project-profile-grid { grid-template-columns: minmax(0, 1fr); }
  .ai-keyword-intelligence { gap: 17px; padding: 17px 0; }
  .ai-keyword-intelligence-copy { padding-inline: 17px; }
  .ai-keyword-opportunities { grid-template-columns: minmax(0, 1fr); padding-inline: 17px; }
  .ai-keyword-opportunity header { grid-template-columns: 32px minmax(0, 1fr); }
  .ai-keyword-opportunity header > em { grid-column: 2; justify-self: start; }
  .ai-content-launch { grid-template-columns: 48px minmax(0, 1fr); align-items: start; padding: 17px; }
  .ai-content-launch-mark { width: 48px; height: 48px; }
  .ai-content-launch-actions { grid-column: 1 / -1; align-items: stretch; }
  .ai-content-launch-actions .ai-module-state,
  .ai-content-launch-actions .ai-content-usage { text-align: center; }
  .ai-content-launch-actions .btn { min-height: 44px; width: 100%; }
  .ai-content-result-summary { grid-template-columns: minmax(0, 1fr); }
  .ai-content-result-summary aside { padding-top: 14px; padding-left: 0; border-top: 1px solid var(--ai-border); border-left: 0; }
  .ai-content-opportunity > header { grid-template-columns: 34px minmax(0, 1fr); }
  .ai-content-opportunity header > em { grid-column: 2; justify-self: start; }
  .ai-content-strategy { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .ai-content-opportunity-grid { grid-template-columns: minmax(0, 1fr); }
  .ai-content-opportunity footer { align-items: stretch; flex-direction: column; }
  .ai-content-opportunity footer .btn { min-height: 44px; width: 100%; }
  .ai-content-editor-layout { grid-template-columns: minmax(0, 1fr); }
  .ai-content-score { grid-column: auto; }
  .ai-content-editor-fields { grid-template-columns: minmax(0, 1fr); }
  .ai-content-editor-fields label.is-wide { grid-column: auto; }
  .ai-content-brief-heading { align-items: flex-start; flex-direction: column; }
  .ai-content-brief li { grid-template-columns: minmax(0, 1fr); }
  .ai-content-editor-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-content-editor-actions .btn { min-height: 44px; }
}

@media (max-width: 479.98px) {
  .ai-workspace-nav a { align-items: flex-start; justify-content: flex-start; min-height: 52px; padding: 10px; text-align: left; }
  .ai-scan-summary { align-items: flex-start; flex-direction: column; }
  .ai-scan-meter { width: 112px; height: 112px; }
  .ai-scan-meter::after { width: 88px; height: 88px; }
  .ai-section-heading { align-items: flex-start; flex-direction: column; }
  .ai-section-action { width: 100%; min-height: 44px; }
  .ai-workspace-state { align-items: flex-start; flex-wrap: wrap; }
  .ai-workspace-state .btn { width: 100%; min-height: 44px; }
  .ai-synthesis-controls { display: grid; grid-template-columns: minmax(0, 1fr); margin-left: 0; }
  .ai-synthesis-controls .ai-synthesis-badge { justify-content: center; width: 100%; }
  .ai-synthesis-controls .btn { width: 100%; min-height: 44px; }
  .ai-action-method-points { grid-template-columns: minmax(0, 1fr); }
  .ai-content-sources,
  .ai-content-editor-workspace { padding: 14px; }
  .ai-content-sources .ai-section-heading,
  .ai-content-editor-workspace .ai-section-heading { margin: -14px -14px 14px; }
  .ai-content-outline li { grid-template-columns: minmax(0, 1fr); }
  .ai-content-editor-actions { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .ai-workspace-page *,
  .ai-workspace-page *::before,
  .ai-workspace-page *::after { animation: none !important; transition: none !important; }
}

.ai-command-launcher { display: grid; grid-template-columns: 48px minmax(0,1fr) minmax(210px,.42fr) auto; gap: 16px; align-items: center; padding: 19px; border: 1px solid var(--ai-border); border-radius: 8px; background: var(--ai-surface); box-shadow: var(--ai-shadow); }
.ai-command-mark { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 7px; background: var(--ai-accent); color: #17120a; font-size: 23px; }
.ai-command-launcher > div > span { color: var(--ai-accent); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.ai-command-launcher h3 { margin: 3px 0; font-size: 17px; }
.ai-command-launcher p { margin: 0; color: var(--ai-ink); font-size: 11px; }
.ai-command-launcher select { width: 100%; min-height: 44px; border: 1px solid var(--ai-border); border-radius: 6px; background: var(--ai-surface-muted); color: var(--ai-ink-strong); padding: 9px 12px; }
.ai-command-launcher select:focus-visible { outline: 2px solid var(--ai-accent); outline-offset: 2px; }
@media (max-width: 991.98px) { .ai-command-launcher { grid-template-columns: 48px minmax(0,1fr); }.ai-command-launcher label,.ai-command-launcher button { grid-column: 2; } }
@media (max-width: 575.98px) { .ai-command-launcher { grid-template-columns: minmax(0,1fr); }.ai-command-mark,.ai-command-launcher label,.ai-command-launcher button { grid-column: 1; }.ai-command-launcher button { min-height: 44px; width: 100%; } }