:root {
  font-family:
    Inter,
    Segoe UI,
    system-ui,
    -apple-system,
    sans-serif;
  color: #17211f;
  background: #f3f6f5;
  font-synthesis: none;
  --ink: #17211f;
  --muted: #66736f;
  --green: #0d665f;
  --green2: #128078;
  --nav: #0b2523;
  --line: #dde6e3;
  --soft: #eef5f3;
  --white: #fff;
  --amber: #b54708;
  --red: #b42318;
  --shadow: 0 10px 32px rgba(12, 39, 36, 0.07);
}
.researchSubnav {
  display: flex;
  gap: 8px;
  margin: -8px 0 20px;
  padding: 6px;
  width: fit-content;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--white);
}
.researchSubnav a {
  padding: 8px 12px;
  border-radius: 8px;
  color: var(--muted);
  font-weight: 700;
  text-decoration: none;
}
.researchSubnav a.active,
.researchSubnav a:hover {
  color: var(--ink);
  background: var(--soft);
}
.researchSubnav button {
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  white-space: nowrap;
}
.v92OptionalInsightsWarning {
  margin-bottom: 16px;
}
.channelResearchHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
}
.channelResearchHeader h2,
.channelResearchHeader p {
  margin: 4px 0;
}
.channelCandidateGrid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
}
.candidateCard.quality-blocked {
  border-color: color-mix(in srgb, var(--red) 35%, var(--line));
}
.candidateHeader {
  display: grid;
  grid-template-columns: 56px 1fr auto;
  gap: 14px;
  align-items: start;
}
.candidateHeader > img,
.candidateHeader > .avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
}
.candidateHeader h2,
.candidateHeader p {
  margin: 4px 0;
}
.candidateScoreGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 16px 0;
}
.candidateScoreGrid span {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px;
  border-radius: 10px;
  background: var(--soft);
  color: var(--muted);
  font-size: 12px;
}
.candidateScoreGrid b {
  color: var(--ink);
  font-size: 15px;
}
.candidateQuickFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 16px 0 10px;
}
.candidateQuickFacts span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
  padding: 11px;
  border-radius: 10px;
  background: var(--soft);
  color: var(--muted);
  font-size: 11px;
}
.candidateQuickFacts b {
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: 15px;
}
.candidateEvidenceDetails {
  margin: 10px 0 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.candidateEvidenceDetails > summary {
  cursor: pointer;
  padding: 12px 14px;
  color: #38514b;
  font-weight: 800;
}
.candidateEvidenceDetails[open] {
  padding: 0 14px 14px;
}
.candidateEvidenceDetails[open] > summary {
  margin: 0 -14px 4px;
  border-bottom: 1px solid var(--line);
}
.candidateEvidenceVideos {
  margin: 14px 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.candidateEvidenceVideos h3 {
  margin-top: 0;
}
.candidateEvidenceVideos > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 8px 0;
  border-top: 1px solid var(--line);
}
.candidateEvidenceVideos span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.candidateDecisionPanel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
  padding: 14px;
  border-radius: 12px;
  background: var(--soft);
}
.candidateDecisionPanel label,
.taskAssignmentPanel label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}
.candidateDecisionPanel .fullSpan {
  grid-column: 1 / -1;
}
.diagnosisActionHero {
  margin-bottom: 14px;
  background: linear-gradient(135deg, var(--white), var(--soft));
}
.diagnosisDirectionGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 14px;
}
.diagnosisDirectionGrid .card {
  border-top-width: 4px;
}
.directionKeep {
  border-top-color: var(--green) !important;
}
.directionChange {
  border-top-color: var(--amber) !important;
}
.directionStop {
  border-top-color: var(--red) !important;
}
.diagnosisDirectionGrid span,
.nextVideoPlanGrid span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
}
.actionDefinitionList {
  display: grid;
  gap: 12px;
}
.actionDefinitionList > div {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}
.nextVideoPlanGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.nextVideoPlanGrid > div {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--soft);
}
.compactSectionTitle {
  margin-top: 0;
}
.taskAssignmentPanel {
  display: grid;
  grid-template-columns: 1.35fr 1.35fr 1fr 0.55fr auto;
  align-items: end;
  gap: 10px;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--soft);
}
@media (max-width: 900px) {
  .candidateDecisionPanel,
  .candidateScoreGrid,
  .diagnosisDirectionGrid,
  .nextVideoPlanGrid,
  .taskAssignmentPanel {
    grid-template-columns: 1fr;
  }
  .candidateDecisionPanel .fullSpan {
    grid-column: auto;
  }
  .channelResearchHeader,
  .candidateEvidenceVideos > div {
    align-items: stretch;
    flex-direction: column;
  }
  .researchSubnav {
    width: 100%;
    overflow-x: auto;
  }
}
body {
  margin: 0;
  background:
    radial-gradient(circle at 80% 0, #e5f3ef 0, transparent 28%), #f4f7f6;
}
a {
  color: inherit;
}
.shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 258px minmax(0, 1fr);
}
.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  background: linear-gradient(180deg, #0b2d2a, #071e1d);
  color: #fff;
  padding: 26px 20px;
  display: flex;
  flex-direction: column;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 8px;
}
.brandMark {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: linear-gradient(135deg, #2cc1ac, #f0c46a);
  display: grid;
  place-items: center;
  color: #082724;
  font-weight: 900;
  box-shadow: 0 8px 24px #2cc1ac40;
}
.brand b {
  display: block;
  letter-spacing: 0.04em;
}
.brand span {
  display: block;
  font-size: 11px;
  color: #a9c6c1;
  margin-top: 3px;
}
.sidebar nav {
  display: grid;
  gap: 7px;
  margin-top: 36px;
}
.sidebar nav a {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 13px;
  border-radius: 11px;
  text-decoration: none;
  color: #cce0dc;
  font-weight: 600;
  font-size: 14px;
}
.sidebar nav a:hover,
.sidebar nav a.active {
  background: linear-gradient(90deg, #2ead9d3d, #2ead9d14);
  color: #fff;
  box-shadow: inset 3px 0 #2fc1ae;
}
.navIcon {
  width: 22px;
  text-align: center;
  color: #79cfc2;
}
.sidebarFooter {
  margin-top: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e9b85d;
  color: #0b2d2a;
  display: grid;
  place-items: center;
  font-weight: 900;
}
.userMeta {
  min-width: 0;
  flex: 1;
}
.userMeta b,
.userMeta span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.userMeta b {
  font-size: 13px;
}
.userMeta span {
  font-size: 11px;
  color: #91b3ad;
  margin-top: 2px;
}
.iconButton {
  background: transparent;
  border: 0;
  color: #cce0dc;
  font-size: 20px;
  cursor: pointer;
}
.mainContent {
  width: 100%;
  max-width: 1540px;
  margin: auto;
  padding: 36px 42px 80px;
}
.pageHeader {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 26px;
}
.eyebrow {
  color: var(--green2);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
}
.pageHeader h1 {
  font-size: 34px;
  letter-spacing: -0.035em;
  margin: 7px 0 6px;
}
.pageHeader p,
.sectionTitle p {
  color: var(--muted);
  margin: 0;
}
.headerActions {
  display: flex;
  gap: 10px;
}
.card {
  background: #fffffff0;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 20px;
  box-shadow: var(--shadow);
}
.card h2,
.card h3 {
  margin-top: 0;
}
.kpiGrid,
.heroMetrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}
.kpi span,
.heroMetrics span {
  color: var(--muted);
  font-size: 13px;
}
.kpi strong {
  display: block;
  font-size: 34px;
  letter-spacing: -0.04em;
  margin: 10px 0 3px;
}
.kpi small {
  color: #89938f;
}
.sectionTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 30px 0 14px;
}
.sectionTitle h2 {
  margin: 0 0 4px;
}
.videoCards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}
.videoCard {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 17px;
  overflow: hidden;
  text-decoration: none;
  box-shadow: var(--shadow);
  transition: 0.2s;
}
.videoCard:hover,
.repairCard:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 40px #0c27241f;
}
.videoCard > img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  background: #dfe8e5;
}
.videoCardBody {
  padding: 15px;
}
.videoCard h3,
.repairCard h3 {
  font-size: 15px;
  line-height: 1.35;
  margin: 12px 0 5px;
}
.videoCard p,
.repairCard p {
  color: var(--muted);
  font-size: 13px;
}
.row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.score {
  font-weight: 800;
}
.badge {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  background: #eef1f0;
  color: #52605c;
}
.badge.success {
  background: #daf7ea;
  color: #067647;
}
.badge.warning {
  background: #fff1d6;
  color: #93420b;
}
.badge.danger {
  background: #fee4e2;
  color: #b42318;
}
.badge.info {
  background: #dff2f0;
  color: #0d665f;
}
.miniMetrics {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.miniMetrics span {
  font-size: 11px;
  background: #f3f6f5;
  padding: 5px 7px;
  border-radius: 7px;
}
.channelCards,
.healthGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.costSummaryGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}
.costSummaryGrid > div {
  background: #f6f9f8;
  border: 1px solid #e0e9e6;
  border-radius: 13px;
  padding: 14px;
}
.costSummaryGrid span,
.costSummaryGrid small {
  display: block;
  color: var(--muted);
}
.costSummaryGrid b {
  display: block;
  font-size: 22px;
  margin: 5px 0;
}
.budgetForm {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr auto;
  gap: 12px;
  align-items: end;
  margin: 16px 0 12px;
}
.budgetForm label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}
.budgetForm input {
  min-width: 0;
}
.channelHead {
  display: flex;
  align-items: center;
  gap: 13px;
}
.channelHead img,
.channelFallback {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  object-fit: cover;
}
.channelFallback {
  background: #dff2f0;
  display: grid;
  place-items: center;
  font-weight: 900;
}
.channelHead > div:nth-child(2) {
  flex: 1;
}
.channelHead h2,
.channelHead h3 {
  margin: 0 0 3px;
}
.channelHead p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}
.metricList {
  display: grid;
  gap: 2px;
  margin: 17px 0;
}
.metricList > div,
.healthRows > div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid #edf2f0;
}
.metricList span,
.healthRows span {
  color: var(--muted);
}
.softPanel {
  background: var(--soft);
  border-radius: 12px;
  padding: 13px;
}
.softPanel p {
  margin-bottom: 0;
}
.toolbar {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 15px;
}
.searchInput,
input,
select,
textarea {
  font: inherit;
  border: 1px solid #cad7d3;
  border-radius: 11px;
  padding: 11px 13px;
  background: #fff;
  outline: none;
}
.searchInput {
  max-width: 520px;
  flex: 1;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #45a99c;
  box-shadow: 0 0 0 3px #45a99c1f;
}
button,
.button {
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--green2), var(--green));
  color: #fff;
  font-weight: 800;
  padding: 11px 15px;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
button:hover,
.button:hover {
  filter: brightness(1.04);
}
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.secondary {
  background: #eef3f1;
  color: #31403c;
  border: 1px solid #d4dfdc;
}
.primaryLarge {
  margin: auto;
  padding: 14px 22px;
}
.dataTable {
  overflow: auto;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 17px;
  box-shadow: var(--shadow);
}
table {
  width: 100%;
  border-collapse: collapse;
  min-width: 960px;
}
th,
td {
  padding: 14px 15px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #edf2f0;
}
th {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #75817d;
  background: #f8faf9;
  position: sticky;
  top: 0;
}
td small {
  display: block;
  color: var(--muted);
  margin-top: 5px;
}
.videoIdentity {
  display: flex;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  min-width: 350px;
}
.videoIdentity img {
  width: 110px;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 9px;
}
.videoIdentity span,
.videoIdentity small {
  display: block;
  color: var(--muted);
  margin-top: 4px;
}
.metricCells {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}
.metricCells span {
  font-size: 12px;
  background: #f3f6f5;
  padding: 7px;
  border-radius: 8px;
}
.statusStack {
  display: grid;
  gap: 6px;
  justify-items: start;
}
.cellNote {
  max-width: 260px;
}
.repairGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.repairCard {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 14px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 17px;
  padding: 12px;
  text-decoration: none;
  box-shadow: var(--shadow);
  transition: 0.2s;
}
.repairCard img {
  width: 150px;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 11px;
}
.tagRow {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.tagRow span {
  padding: 5px 8px;
  background: #edf4f2;
  border-radius: 999px;
  font-size: 11px;
  color: #31534e;
}
.empty {
  text-align: center;
  padding: 38px;
  color: var(--muted);
}
.empty b {
  display: block;
  color: var(--ink);
  font-size: 17px;
}
.empty p {
  max-width: 520px;
  margin: 7px auto;
}
.emptyIcon {
  font-size: 30px;
  color: #8bbab2;
}
.back {
  margin-bottom: 14px;
}
.back a {
  color: var(--green);
  font-weight: 800;
  text-decoration: none;
}
.heroMetrics .card b {
  display: block;
  font-size: 20px;
  margin-top: 8px;
}
.tabs {
  display: flex;
  gap: 7px;
  margin: 20px 0;
  flex-wrap: wrap;
}
.tabs button {
  background: #fff;
  color: #50605c;
  border: 1px solid var(--line);
  padding: 9px 13px;
}
.tabs button.active {
  background: var(--nav);
  color: #fff;
}
.toast {
  background: #eaf7f4;
  border: 1px solid #a9dbd3;
  border-radius: 12px;
  padding: 12px 15px;
  margin: 12px 0;
  color: #23544d;
}
.twoCol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
.warningBox {
  background: #fff6e8;
  border: 1px solid #f3d39c;
  border-radius: 12px;
  padding: 13px;
  margin-top: 12px;
}
.winnerList {
  display: grid;
  gap: 10px;
}
.winnerList a {
  display: flex;
  gap: 10px;
  text-decoration: none;
  border-bottom: 1px solid #edf2f0;
  padding-bottom: 10px;
}
.winnerList img {
  width: 100px;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 8px;
}
.winnerList span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}
.copyBox,
.transcript,
.assetText {
  background: #f5f8f7;
  border: 1px solid #e0e8e5;
  border-radius: 11px;
  padding: 12px;
  white-space: pre-wrap;
}
.copyBox.scroll,
.transcript {
  max-height: 420px;
  overflow: auto;
}
.card label {
  display: block;
  font-size: 12px;
  font-weight: 800;
  color: #53615d;
  margin: 13px 0 6px;
}
.scoreRing {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  border: 9px solid #2ab19f;
  display: grid;
  place-items: center;
  font-size: 26px;
  font-weight: 900;
}
.scoreRing small {
  font-size: 11px;
}
.scoreGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
}
.scoreGrid span {
  background: #f3f6f5;
  border-radius: 10px;
  padding: 12px;
}
.scoreGrid b {
  display: block;
  font-size: 22px;
  margin-top: 5px;
}
.option {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 13px;
  margin-top: 10px;
}
.option p {
  color: var(--muted);
  margin: 7px 0;
}
.selectedAsset {
  font-size: 17px;
  font-weight: 750;
  background: linear-gradient(135deg, #e5f7f3, #fff7e5);
  border: 1px solid #cbe4de;
  border-radius: 12px;
  padding: 13px;
}
.measurement {
  background: #eaf7f4;
  border-radius: 12px;
  padding: 14px;
  margin: 14px 0;
}
.measurement p {
  margin: 6px 0;
}
.inlineForm {
  display: flex;
  gap: 10px;
}
.inlineForm input {
  flex: 1;
}
.codeList {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.codeList code {
  background: #0d2826;
  color: #bce8df;
  padding: 8px 10px;
  border-radius: 8px;
}
.muted {
  color: var(--muted);
}
.stepList {
  display: grid;
  gap: 9px;
}
.stepList > div {
  display: grid;
  grid-template-columns: 28px 220px 1fr;
  align-items: center;
}
.stepList small {
  color: var(--muted);
}
.stepOk,
.stepError {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 900;
}
.stepOk {
  background: #12a378;
}
.stepError {
  background: #d92d20;
}
.taskList {
  display: grid;
  gap: 14px;
}
.taskCard {
  display: flex;
  gap: 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 17px;
  padding: 16px;
  box-shadow: var(--shadow);
}
.taskCard > img {
  width: 180px;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 11px;
}
.grow {
  flex: 1;
}
.actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.taskInstructions {
  padding: 12px 0;
}
.loading,
.login {
  min-height: 100vh;
  display: grid;
  place-items: center;
}
.loginBox {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  width: min(440px, 90vw);
  box-shadow: 0 25px 80px #0a252229;
  text-align: center;
}
.loginBox button {
  width: 100%;
  margin: 20px 0;
}
.stagingLoginForm {
  display: grid;
  gap: 12px;
  margin: 18px 0 8px;
  padding: 16px;
  text-align: left;
  border: 1px solid rgba(212, 175, 55, 0.32);
  border-radius: 14px;
  background: #f8f5ee;
}
.stagingLoginForm strong {
  color: #8a651d;
  text-align: center;
}
.stagingLoginForm label {
  display: grid;
  gap: 6px;
  color: #53615d;
  font-size: 0.78rem;
  font-weight: 700;
}
.stagingLoginForm input {
  width: 100%;
  padding: 11px 12px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  background: #081222db;
}
.loginDivider {
  display: block;
  margin: 12px 0;
  color: #7b8884;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.loginNotice {
  color: #b42318;
  text-align: center;
}
.compact table {
  min-width: 700px;
}
@media (max-width: 1150px) {
  .videoCards {
    grid-template-columns: repeat(2, 1fr);
  }
  .repairGrid {
    grid-template-columns: 1fr;
  }
  .kpiGrid,
  .heroMetrics {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 850px) {
  .shell {
    grid-template-columns: 1fr;
  }
  .sidebar {
    position: static;
    height: auto;
  }
  .sidebar nav {
    grid-template-columns: repeat(2, 1fr);
  }
  .sidebarFooter {
    margin-top: 20px;
  }
  .mainContent {
    padding: 24px 18px;
  }
  .twoCol,
  .channelCards,
  .healthGrid,
  .costSummaryGrid,
  .budgetForm {
    grid-template-columns: 1fr;
  }
  .taskCard {
    display: grid;
  }
  .taskCard > img {
    width: 100%;
  }
}
html,
body,
button,
input,
select,
textarea {
  font-family:
    Arial,
    Helvetica Neue,
    sans-serif;
  font-variant-ligatures: none;
  font-synthesis: none;
}
body {
  font-size: 16px;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
b,
strong,
button,
.button {
  font-weight: 700;
}
.pageHeader h1 {
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.12;
  letter-spacing: -0.025em;
}
.card h2,
.sectionTitle h2 {
  line-height: 1.25;
  letter-spacing: -0.015em;
}
.eyebrow,
.sectionEyebrow,
.badge {
  font-weight: 700;
}
.nextVideoTitle {
  color: #102b28;
  font-size: 17px;
  line-height: 1.35;
}
.nextVideoTopic {
  color: #51736d;
}
.seoPackGenerator {
  margin-bottom: 18px;
  border-color: #b9d9d2;
  background: linear-gradient(135deg, #fff, #f2faf7);
}
.seoPackIntro,
.seoPackIntro > div:first-child,
.seoOutputBlock > div,
.candidateTrendPanel > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.seoPackIntro > div:first-child {
  display: block;
}
.seoPackIntro h2,
.seoPackIntro p {
  margin: 5px 0;
}
.seoPackForm {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 10px;
  margin-top: 16px;
}
.seoPackForm textarea {
  width: 100%;
  min-height: 72px;
  resize: vertical;
  color: #132b28;
  font-size: 16px;
  font-weight: 600;
}
.seoPackOutput {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.seoOutputBlock {
  min-width: 0;
  padding: 14px;
  border: 1px solid #d9e7e3;
  border-radius: 12px;
  background: #fff;
}
.seoOutputWide {
  grid-column: 1 / -1;
}
.seoOutputBlock p,
.seoOutputBlock pre {
  margin: 9px 0 0;
}
.seoOutputBlock pre {
  max-height: 300px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  color: #273b37;
  font:
    400 14px/1.55 Arial,
    Helvetica Neue,
    sans-serif;
}
.publishableCopy {
  color: #0b514a;
  font-weight: 600;
  word-break: break-word;
}
.compactButton {
  padding: 6px 10px;
  font-size: 12px;
}
.radarConcept {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 12px;
  color: #536d68;
}
.radarConcept span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.radarTitleRecommendations {
  display: grid;
  gap: 8px;
  margin: 14px 0;
  padding: 13px;
  border: 1px solid #cfe1dd;
  border-radius: 12px;
  background: #f5faf8;
}
.radarTitleRecommendations > div {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 9px;
  align-items: start;
}
.radarTitleRecommendations > div > span {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #0e7066;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.radarTitleRecommendations strong {
  font-size: 14px;
  line-height: 1.4;
}
.aiGeneratedLabel {
  width: fit-content;
  margin: 8px 0 12px;
  padding: 6px 9px;
  border-radius: 999px;
  background: #e1f5ef;
  color: #0a655a;
  font-size: 11px;
  font-weight: 700;
}
.candidateTrendPanel {
  display: grid;
  grid-template-columns: minmax(190px, 0.65fr) minmax(240px, 1.35fr);
  gap: 16px;
  align-items: center;
  margin: 10px 0 16px;
  padding: 12px 14px;
  border: 1px solid #dce6e2;
  border-radius: 12px;
  background: #f8faf8;
  color: #285e57;
}
.candidateTrendPanel > div:first-child {
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
}
.candidateTrendPanel small {
  color: #6a7975;
}
.candidateSparkline svg {
  width: 100%;
  height: 46px;
  overflow: visible;
}
.candidateSparkline > div {
  display: flex;
  justify-content: space-between;
  color: #7b8884;
  font-size: 10px;
}
.candidateTrendEmpty {
  padding: 10px;
  border-radius: 9px;
  background: #fff;
  color: #71807c;
  font-size: 12px;
}
.trend-increasing {
  color: #087a56;
}
.trend-decreasing {
  color: #b54708;
}
.trend-stable,
.trend-accumulating {
  color: #496b65;
}
@media (max-width: 780px) {
  .seoPackForm,
  .seoPackOutput,
  .candidateTrendPanel {
    grid-template-columns: 1fr;
  }
  .seoOutputWide {
    grid-column: auto;
  }
  .seoPackIntro {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 560px) {
  .kpiGrid,
  .heroMetrics,
  .videoCards {
    grid-template-columns: 1fr;
  }
  .pageHeader {
    display: block;
  }
  .headerActions {
    margin-top: 12px;
  }
  .inlineForm,
  .toolbar {
    display: grid;
  }
  .scoreGrid {
    grid-template-columns: 1fr 1fr;
  }
  .sidebar nav {
    grid-template-columns: 1fr;
  }
  .repairCard {
    grid-template-columns: 1fr;
  }
  .repairCard img {
    width: 100%;
  }
}
.assignmentRow {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 12px;
  margin: 14px 0;
}
.assignmentRow select,
.assignmentRow input {
  width: 100%;
  margin-top: 6px;
}
@media (max-width: 700px) {
  .assignmentRow {
    grid-template-columns: 1fr;
  }
}
.dataScanPage {
  --data-scan-accent: #0c746a;
}
.dataScanTabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: -6px 0 22px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #ffffffe6;
  box-shadow: var(--shadow);
}
.dataScanTabs button {
  min-height: 44px;
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--muted);
  font-weight: 800;
  cursor: pointer;
}
.dataScanTabs button:hover,
.dataScanTabs button.active {
  background: var(--soft);
  color: var(--green);
}
.dataScanTabs button.active {
  box-shadow: inset 0 0 0 1px #0d665f26;
}
.dataScanNotice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid #9bd8cf;
  border-radius: 12px;
  background: #e9f8f5;
  color: #15534d;
  font-weight: 700;
}
.dataScanNotice button {
  border: 0;
  background: transparent;
  color: inherit;
  font-weight: 800;
  cursor: pointer;
}
.dataScanSafetyBanner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
  padding: 16px 18px;
  border: 1px solid #9bd8cf;
  border-radius: 16px;
  background: linear-gradient(120deg, #daf7eaf2, #e9f8f5eb);
}
.dataScanSafetyBanner b,
.dataScanSafetyBanner span {
  display: block;
}
.dataScanSafetyBanner span {
  margin-top: 4px;
  color: #3d615c;
}
.dataScanKpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}
.dataScanKpis .card {
  min-height: 148px;
}
.dataScanKpis span,
.dataScanKpis small {
  display: block;
  color: var(--muted);
}
.dataScanKpis strong {
  display: block;
  margin: 12px 0 6px;
  font-size: 36px;
  letter-spacing: -0.045em;
}
.dataScanActionCard {
  display: grid;
  grid-template-columns: minmax(230px, 0.8fr) minmax(0, 2fr);
  gap: 24px;
  align-items: center;
  margin-bottom: 18px;
}
.dataScanActionCard h2 {
  margin: 6px 0;
}
.dataScanActionCard p {
  margin: 0;
  color: var(--muted);
}
.dataScanActions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.dataScanActions button {
  display: flex;
  min-height: 82px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  padding: 13px 15px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  font-weight: 900;
  text-align: left;
  cursor: pointer;
}
.dataScanActions button:hover:not(:disabled) {
  border-color: var(--data-scan-accent);
  box-shadow: 0 9px 24px #0d665f14;
}
.dataScanActions button:disabled {
  cursor: not-allowed;
  background: #f2f4f3;
  color: #82908c;
}
.dataScanActions small {
  color: var(--muted);
  font-weight: 600;
}
.dataScanChannelGrid,
.dataScanCandidateGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.dataScanCandidateGrid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
}
.dataScanChannelHead {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}
.dataScanChannelHead img,
.dataScanChannelFallback {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.dataScanChannelHead img {
  object-fit: cover;
}
.dataScanChannelFallback {
  display: grid;
  place-items: center;
  background: var(--soft);
  color: var(--green);
  font-weight: 900;
}
.dataScanChannelHead h2,
.dataScanChannelHead p {
  margin: 0;
}
.dataScanChannelHead p {
  margin-top: 3px;
  color: var(--muted);
}
.dataScanFacts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 0;
}
.dataScanFacts > div {
  min-width: 0;
  padding: 10px;
  border-radius: 10px;
  background: var(--soft);
}
.dataScanFacts dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}
.dataScanFacts dd {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
  color: var(--ink);
  font-weight: 800;
}
.dataScanTimestamp {
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 12px;
}
.dataScanEvidencePack,
.dataScanAnalysis {
  margin-top: 14px;
  padding: 13px;
  border: 1px solid #d9e7e3;
  border-radius: 12px;
  background: #fbfdfc;
}
.dataScanEvidencePackHead,
.dataScanAnalysisHead,
.dataScanInsufficient {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.dataScanEvidencePackHead b,
.dataScanEvidencePackHead small,
.dataScanAnalysisHead b,
.dataScanInsufficient b,
.dataScanInsufficient span {
  display: block;
}
.dataScanEvidencePackHead small,
.dataScanInsufficient span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}
.dataScanSampleBuckets {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
}
.dataScanSampleBuckets span {
  min-width: 0;
  padding: 8px 6px;
  border-radius: 9px;
  background: var(--soft);
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  text-align: center;
}
.dataScanSampleBuckets b {
  display: block;
  margin-top: 4px;
  color: var(--ink);
  font-size: 15px;
}
.dataScanPackFacts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 0;
}
.dataScanPackFacts div {
  min-width: 0;
}
.dataScanPackFacts dt {
  color: var(--muted);
  font-size: 11px;
}
.dataScanPackFacts dd {
  margin: 3px 0 0;
  overflow-wrap: anywhere;
  font-weight: 800;
}
.dataScanInsufficient {
  border-color: #f0cac4;
  background: #fff7f5;
}
.dataScanStageTrace {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 11px;
}
.dataScanStageTrace > span {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.dataScanStageTrace .badge {
  justify-self: start;
}
.dataScanScorecard {
  margin-top: 13px;
  padding-top: 13px;
  border-top: 1px solid var(--line);
}
.dataScanScorecardTitle span,
.dataScanScorecardTitle b {
  display: block;
}
.dataScanScorecardTitle span {
  color: var(--muted);
  font-size: 11px;
}
.dataScanScorecardTitle b {
  margin-top: 3px;
}
.dataScanScorecard dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 11px 0;
}
.dataScanScorecard dl div {
  min-width: 0;
  padding: 8px 6px;
  border-radius: 9px;
  background: var(--soft);
}
.dataScanScorecard dt {
  color: var(--muted);
  font-size: 10px;
}
.dataScanScorecard dd {
  margin: 4px 0 0;
  font-weight: 900;
}
.dataScanConflictStatus {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.dataScanDetailNotice {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid #e7d69a;
  border-radius: 12px;
  background: #fffbea;
  color: #6d5711;
}
.dataScanDetailNotice ul {
  margin: 6px 0 0;
  padding-left: 18px;
}
.dataScanDetailNotice li + li {
  margin-top: 3px;
}
.dataScanScorecardTitle small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
}
.dataScanProductionBrief {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid #cfe1db;
  border-radius: 12px;
  background: #f7fbf9;
}
.dataScanProductionBrief p,
.dataScanProductionBrief ol,
.dataScanProductionBrief ul {
  margin: 5px 0 0;
}
.dataScanProductionBrief ol,
.dataScanProductionBrief ul {
  padding-left: 20px;
}
.dataScanProductionBrief li + li {
  margin-top: 4px;
}
.dataScanProductionBrief details {
  padding-top: 9px;
  border-top: 1px dashed #c9d9d4;
}
.v97EvidenceWorkCard {
  display: grid;
  gap: 16px;
  border-color: #b9d8cd;
  background: linear-gradient(145deg, #fff, #f5fbf8);
}
.v97EvidenceWorkCard > details {
  padding: 12px;
  border: 1px solid #d5e5df;
  border-radius: 12px;
  background: #fff;
}
.v97TitleDirections {
  display: grid;
  gap: 8px;
}
.v97TitleDirections > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #d7e5e0;
  border-radius: 10px;
  background: #fff;
}
.v97TitleDirections button {
  flex: 0 0 auto;
}
.dataScanFeedback {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #c9d9d4;
}
.dataScanFeedbackHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.dataScanFeedbackHead b {
  display: block;
}
.dataScanFeedbackHistory {
  display: grid;
  gap: 7px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.dataScanFeedbackHistory li {
  padding: 8px 9px;
  border-radius: 9px;
  background: var(--soft);
}
.dataScanFeedbackHistory li > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.dataScanFeedbackHistory li span,
.dataScanFeedbackHistory li small {
  color: var(--muted);
  font-size: 10px;
}
.dataScanFeedbackHistory li small {
  display: block;
  margin-top: 4px;
}
.dataScanFeedbackHistory p {
  margin: 5px 0 0;
  font-size: 12px;
}
.dataScanFeedbackForm {
  display: grid;
  gap: 9px;
  margin-top: 11px;
  padding-top: 11px;
  border-top: 1px solid var(--line);
}
.dataScanFeedbackActions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.dataScanFeedbackActions button {
  min-height: 34px;
  padding: 7px 6px;
  font-size: 11px;
}
.dataScanFeedbackActions button.active {
  border-color: var(--data-scan-accent);
  background: #e7f5f1;
  color: var(--data-scan-accent);
}
.dataScanFeedbackForm label,
.dataScanEditPatch {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}
.dataScanFeedbackForm input,
.dataScanFeedbackForm select {
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}
.dataScanEditPatch {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dataScanEditPatch > span {
  grid-column: 1 / -1;
}
.dataScanProgress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e4ebe9;
}
.dataScanProgress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--green), #39b9a8);
}
.dataScanReasons {
  display: grid;
  gap: 6px;
  margin: 14px 0 0;
  padding-left: 20px;
  color: var(--muted);
  font-size: 13px;
}
.dataScanScore {
  color: var(--green);
  font-weight: 900;
}
.dataScanCandidateActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 15px;
}
.dataScanCandidateActions button {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid var(--green);
  border-radius: 9px;
  background: var(--green);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.dataScanCandidateActions button.secondary {
  background: #fff;
  color: var(--green);
}
.dataScanCandidateActions button:disabled {
  cursor: wait;
  opacity: 0.55;
}
.dataScanTableWrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--shadow);
}
.dataScanTable {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.dataScanTable th,
.dataScanTable td {
  padding: 13px 15px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}
.dataScanTable th {
  background: #f7f9f8;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.dataScanTable tr:last-child td {
  border-bottom: 0;
}
.dataScanTable td small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
}
.dataScanReferenceReviewLinks {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(320px, 1.4fr);
  gap: 22px;
  align-items: center;
  margin-bottom: 16px;
  border-color: #cdddf1;
  background: linear-gradient(135deg, #f7faff, #fff);
}
.dataScanReferenceReviewLinks h2 {
  margin: 5px 0;
}
.dataScanReferenceReviewLinks p {
  margin: 0;
  color: var(--muted);
}
.dataScanReferenceLinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.dataScanReferenceMembership {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 1080px) {
  .dataScanTabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .dataScanKpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dataScanActionCard {
    grid-template-columns: 1fr;
  }
  .dataScanSampleBuckets,
  .dataScanScorecard dl,
  .dataScanEditPatch {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .dataScanReferenceReviewLinks {
    grid-template-columns: 1fr;
  }
  .dataScanReferenceLinks {
    justify-content: flex-start;
  }
}
@media (max-width: 760px) {
  .dataScanTabs,
  .dataScanKpis,
  .dataScanActions,
  .dataScanChannelGrid,
  .dataScanFacts {
    grid-template-columns: 1fr;
  }
  .dataScanSafetyBanner,
  .dataScanEvidencePackHead,
  .dataScanAnalysisHead,
  .dataScanInsufficient,
  .dataScanDetailNotice,
  .dataScanFeedbackHead {
    align-items: flex-start;
    flex-direction: column;
  }
  .dataScanSampleBuckets,
  .dataScanPackFacts,
  .dataScanStageTrace,
  .dataScanScorecard dl,
  .dataScanFeedbackActions,
  .dataScanEditPatch {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dataScanChannelHead {
    grid-template-columns: 44px minmax(0, 1fr);
  }
  .dataScanChannelHead .badge {
    grid-column: 1 / -1;
    justify-self: start;
  }
}
.postScanContractStrip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}
.postScanContractStrip button {
  display: grid;
  min-width: 0;
  min-height: 112px;
  align-content: center;
  gap: 5px;
  padding: 14px;
  border: 1px solid #d9e5e1;
  border-radius: 15px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  box-shadow: 0 8px 22px #183e370d;
}
.postScanContractStrip button:hover,
.postScanContractStrip button.active {
  border-color: #7bb8aa;
  background:
    radial-gradient(
      circle at top right,
      rgba(23, 142, 127, 0.12),
      transparent 42%
    ),
    #f7fcfa;
}
.postScanContractStrip button.active {
  box-shadow: inset 0 0 0 1px #0c746a38;
}
.postScanContractStrip strong {
  color: var(--green);
  font-size: 28px;
  line-height: 1;
}
.postScanContractStrip span {
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.postScanTabs {
  margin-bottom: 16px;
}
.postScanControls {
  margin-bottom: 18px;
  border-color: #cfe2dd;
  background: linear-gradient(145deg, #fffffffa, #f5faf8fa);
}
.postScanTabIntro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.postScanTabIntro h2 {
  margin: 5px 0;
}
.postScanTabIntro p {
  max-width: 920px;
  margin: 0;
  color: var(--muted);
}
.postScanSelectors {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 17px;
}
.postScanSelector {
  display: grid;
  min-width: 0;
  gap: 6px;
}
.postScanSelector > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}
.postScanSelector select {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  border: 1px solid #cddbd7;
  border-radius: 11px;
  background: #fff;
  color: var(--ink);
}
.postScanSelectionMeta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 13px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #eef7f4;
}
.postScanSelectionMeta span {
  min-width: 0;
  overflow: hidden;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.postScanSelectionMeta small {
  flex: 0 0 auto;
  color: var(--muted);
}
.postScanPage > .warningBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
@media (max-width: 1180px) {
  .postScanContractStrip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .postScanSelectors {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}
@media (max-width: 760px) {
  .postScanContractStrip,
  .postScanSelectors {
    grid-template-columns: 1fr;
  }
  .postScanContractStrip button {
    min-height: 84px;
  }
  .postScanTabIntro,
  .postScanSelectionMeta {
    display: grid;
  }
  .postScanSelectionMeta span {
    white-space: normal;
  }
}
.taskReversalPanel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid #ead0cd;
  border-radius: 11px;
  background: #fff9f8;
}
.taskReversalPanel.restorable {
  border-color: #c8ddd7;
  background: #f5fbf9;
}
.taskReversalPanel b,
.taskReversalPanel small {
  display: block;
}
.taskReversalPanel small {
  margin-top: 4px;
  color: var(--muted);
}
.taskReversalPanel > label {
  display: grid;
  flex: 1 1 420px;
  gap: 6px;
  font-weight: 800;
}
.taskReversalPanel textarea {
  min-height: 76px;
  resize: vertical;
}
.taskReversalActions {
  display: flex;
  align-self: end;
  gap: 8px;
}
@media (max-width: 760px) {
  .taskReversalPanel,
  .taskReversalActions {
    align-items: stretch;
    flex-direction: column;
  }
  .taskReversalPanel button,
  .taskReversalActions button {
    width: 100%;
  }
}
.strategyBanner {
  padding: 14px 16px;
  border-radius: 14px;
  background: linear-gradient(135deg, #eef8f6, #f7fafc);
  border: 1px solid #cfe6e1;
  margin: 12px 0;
}
.strategyBanner b {
  color: #0b4f49;
}
.strategyBanner p {
  margin: 5px 0 0;
  color: #51636b;
}
.option .row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.option ul {
  margin: 9px 0 0;
  padding-left: 20px;
}
.option .tagRow {
  margin-top: 10px;
}
:root {
  --nav: #071b1d;
  --nav2: #0b2b2a;
  --green: #0b665d;
  --green2: #128c7d;
  --gold: #c7a86b;
  --gold2: #e1c891;
  --bg: #f4f1ea;
  --surface: #fffdf9;
  --soft: #f1f5f1;
  --ink: #142624;
  --muted: #6b7c78;
  --line: #dce3de;
  --shadow: 0 18px 55px rgba(19, 45, 41, 0.09);
  --shadow2: 0 28px 90px rgba(5, 26, 27, 0.16);
}
* {
  box-sizing: border-box;
}
body {
  background:
    radial-gradient(
      circle at 85% -10%,
      rgba(199, 168, 107, 0.16),
      transparent 28%
    ),
    radial-gradient(circle at 20% 0%, rgba(18, 140, 125, 0.1), transparent 24%),
    var(--bg);
  color: var(--ink);
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    Segoe UI,
    sans-serif;
}
.shell {
  grid-template-columns: 268px 1fr;
}
.sidebar {
  background: linear-gradient(180deg, #06191b, #0a2928 62%, #071b1d);
  border-right: 1px solid rgba(225, 200, 145, 0.18);
  padding: 25px 18px;
  box-shadow: 14px 0 50px #0213141a;
}
.brand {
  padding: 4px 7px 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
.brandMark,
.loginCrest,
.lockMark {
  background: linear-gradient(145deg, var(--gold2), var(--gold));
  color: #102321;
  box-shadow:
    inset 0 1px #ffffff8c,
    0 10px 24px #0000002e;
}
.brand b {
  letter-spacing: 0.08em;
  font-size: 13px;
}
.brand span {
  color: #a7bbb5;
}
.sidebar nav {
  margin-top: 20px;
}
.sidebar nav a {
  color: #bad0cb;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 11px 12px;
  margin: 3px 0;
}
.sidebar nav a:hover {
  background: #ffffff0e;
  color: #fff;
}
.sidebar nav a.active {
  background: linear-gradient(135deg, #128c7d57, #c7a86b24);
  border-color: #e1c89138;
  color: #fff;
  box-shadow: inset 3px 0 0 var(--gold);
}
.navIcon {
  color: var(--gold2);
}
.navSection {
  font-size: 10px;
  letter-spacing: 0.16em;
  color: #7f9b94;
  margin: 24px 12px 8px;
}
.sidebarFooter {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  padding-top: 17px;
}
.userMeta span {
  color: #8fa8a2;
}
.iconButton {
  background: #ffffff12;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.iconButton.light {
  background: #f3f4f1;
  color: #374946;
  border-color: #dde4df;
}
.mainContent {
  max-width: 1600px;
  padding: 42px 48px 90px;
}
.eyebrow {
  color: #8a6a31;
}
.pageHeader h1 {
  font-size: 38px;
  font-weight: 760;
}
.pageHeader p {
  font-size: 15px;
  max-width: 760px;
}
.card,
.dataTable,
.videoCard,
.repairCard,
.taskCard {
  background: linear-gradient(180deg, #fffdf9fa, #fffffff5);
  border-color: #6c857e38;
  border-radius: 20px;
  box-shadow: var(--shadow);
}
.card {
  padding: 22px;
}
.card:hover {
  border-color: #c7a86b54;
}
button,
.button {
  background: linear-gradient(135deg, #0e7a6f, #07564f);
  box-shadow: 0 8px 20px #0b665d2e;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
button:hover,
.button:hover {
  transform: translateY(-1px);
  filter: none;
  box-shadow: 0 11px 28px #0b665d3d;
}
.secondary {
  background: #f7f6f1;
  color: #263b37;
  border: 1px solid #d7dfda;
  box-shadow: none;
}
.ghostDanger {
  background: transparent;
  color: #a33a32;
  border: 1px solid #e8c5c1;
  box-shadow: none;
}
.dangerButton {
  background: linear-gradient(135deg, #b54a3e, #8e2924);
}
input,
select,
textarea {
  background: #fffefa;
  border-color: #d3ddd7;
}
.badge {
  border: 1px solid rgba(0, 0, 0, 0.035);
  letter-spacing: 0.015em;
}
.badge.info {
  background: #e3f3f0;
}
.badge.success {
  background: #dff4e9;
}
.badge.warning {
  background: #fff1d7;
}
.badge.danger {
  background: #fbe6e3;
}
.softPanel,
.metricCells span,
.scoreGrid span {
  background: linear-gradient(135deg, #f3f6f2, #faf9f5);
}
th {
  background: #f7f5ef;
  color: #6b7773;
  border-bottom-color: #dce3de;
}
.toast {
  background: linear-gradient(135deg, #e5f6f2, #fff8e8);
  border-color: #c7ddd6;
  color: #174d47;
}
.warningBox {
  background: #fff7e8;
  border-color: #ead2a6;
}
.dangerPanel {
  background: #fff0ed;
  border: 1px solid #ebbbb5;
  border-radius: 13px;
  padding: 14px;
  color: #84312a;
}
.luxeLogin {
  background:
    radial-gradient(
      circle at 25% 20%,
      rgba(18, 140, 125, 0.3),
      transparent 32%
    ),
    radial-gradient(
      circle at 80% 15%,
      rgba(199, 168, 107, 0.28),
      transparent 30%
    ),
    linear-gradient(145deg, #06191b, #0c302e);
}
.loginAura {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  border: 1px solid rgba(225, 200, 145, 0.16);
  box-shadow:
    0 0 0 60px #e1c89106,
    0 0 0 120px #128c7d06;
}
.loginBox.luxe {
  position: relative;
  background: #fffdf9f5;
  border: 1px solid rgba(225, 200, 145, 0.4);
  box-shadow: 0 40px 110px #00000052;
  padding: 45px;
}
.loginCrest,
.lockMark {
  width: 64px;
  height: 64px;
  border-radius: 19px;
  display: grid;
  place-items: center;
  font-size: 20px;
  font-weight: 950;
  margin: 0 auto 24px;
}
.loginBox.luxe h1 {
  font-size: 31px;
  letter-spacing: -0.04em;
  margin: 10px 0;
}
.loginBox.luxe p {
  color: var(--muted);
  line-height: 1.6;
}
.lockedScreen {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #06191b, #0b2b2a);
}
.lockCard {
  width: min(480px, 90vw);
  padding: 42px;
  background: #fffdf9;
  border-radius: 24px;
  text-align: center;
  box-shadow: var(--shadow2);
}
.adminKpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 20px;
}
.adminKpis .card {
  position: relative;
  overflow: hidden;
}
.adminKpis .card:after {
  content: "";
  position: absolute;
  right: -20px;
  bottom: -25px;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background: #c7a86b1f;
}
.adminKpis span {
  color: var(--muted);
  font-size: 12px;
}
.adminKpis strong {
  display: block;
  font-size: 34px;
  margin-top: 8px;
}
.adminTabs {
  display: flex;
  gap: 7px;
  padding: 6px;
  background: #fffdf9ad;
  border: 1px solid var(--line);
  border-radius: 15px;
  width: max-content;
  margin-bottom: 17px;
  box-shadow: 0 8px 26px #122c280d;
}
.adminSectionTabs {
  display: flex;
  gap: 8px;
  width: max-content;
  max-width: 100%;
  padding: 6px;
  margin: 0 0 18px;
  overflow-x: auto;
  background: #fffdf9d1;
  border: 1px solid var(--line);
  border-radius: 15px;
  box-shadow: 0 8px 26px #122c280d;
}
.adminSectionTabs a {
  flex: 0 0 auto;
  padding: 10px 14px;
  border-radius: 10px;
  color: #53635f;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
.adminSectionTabs a.active {
  color: #fff;
  background: var(--nav);
}
.headerInlineActions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.adminTabs button {
  background: transparent;
  color: #53635f;
  box-shadow: none;
  border: 0;
}
.adminTabs button.active {
  background: var(--nav);
  color: #fff;
}
.adminSplit {
  display: grid;
  grid-template-columns: 390px 1fr;
  gap: 16px;
}
.invitePanel {
  position: sticky;
  top: 25px;
  align-self: start;
}
.formGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.checkGrid {
  display: grid;
  gap: 8px;
  margin: 9px 0 16px;
}
.checkGrid label {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 10px 11px;
  border: 1px solid #dfe6e1;
  border-radius: 10px;
  background: #fafaf6;
}
.checkGrid input {
  width: auto;
}
.subhead {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}
.inviteRow {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px solid #edf0ec;
}
.inviteRow span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 3px;
}
.peopleList {
  display: grid;
  gap: 8px;
}
.personRow {
  width: 100%;
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 12px;
  align-items: center;
  text-align: left;
  background: #fffefa;
  color: var(--ink);
  border: 1px solid #e1e7e2;
  box-shadow: none;
  padding: 12px;
}
.personRow:hover {
  background: #f6f8f4;
  border-color: #c6d7d0;
}
.personRow div:nth-child(2) span,
.personRow small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 3px;
}
.personRow > div:last-child {
  display: grid;
  gap: 5px;
  justify-items: end;
}
.avatar.premium {
  background: linear-gradient(145deg, #0e796e, #0a514b);
  color: #fff;
  border: 1px solid rgba(199, 168, 107, 0.6);
}
.accessMatrix {
  overflow: auto;
}
.matrixHead,
.matrixRow {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr);
  grid-auto-flow: column;
  grid-auto-columns: minmax(130px, 1fr);
  min-width: 850px;
}
.matrixHead {
  border-bottom: 1px solid var(--line);
  font-size: 12px;
  color: var(--muted);
}
.matrixHead > * {
  padding: 12px;
}
.matrixRow {
  border-bottom: 1px solid #edf0ec;
  align-items: center;
}
.matrixRow > button {
  background: transparent;
  color: var(--ink);
  box-shadow: none;
  text-align: left;
  justify-content: flex-start;
}
.matrixRow small {
  display: block;
  color: var(--muted);
}
.matrixRow > span {
  text-align: center;
  padding: 15px;
}
.matrixRow .granted {
  color: #06765f;
  font-weight: 900;
}
.matrixRow .blocked {
  color: #bac4c0;
}
.channelAdminGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.channelAdminCard.paused {
  border-left: 4px solid #d9a441;
}
.channelAdminCard.archived {
  opacity: 0.84;
  border-left: 4px solid #a65c52;
}
.modalBackdrop {
  position: fixed;
  inset: 0;
  background: #051314a3;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  display: grid;
  place-items: center;
  padding: 20px;
  z-index: 100;
}
.modalCard {
  width: min(650px, 96vw);
  max-height: 90vh;
  overflow: auto;
  box-shadow: 0 40px 120px #00000061;
}
.modalActions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}
.auditList {
  display: grid;
}
.auditList > div {
  display: grid;
  grid-template-columns: 14px 1fr auto;
  gap: 11px;
  align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid #edf0ec;
}
.auditDot {
  width: 9px;
  height: 9px;
  background: linear-gradient(135deg, var(--gold), var(--green2));
  border-radius: 50%;
  margin-top: 6px;
}
.auditList p {
  margin: 4px 0;
  color: var(--muted);
  font-size: 12px;
}
.auditList code {
  background: #eff3f0;
  padding: 5px 7px;
  border-radius: 7px;
}
.codeList code {
  background: #071b1d;
  color: #e7cf9e;
}
@media (max-width: 1150px) {
  .adminSplit {
    grid-template-columns: 1fr;
  }
  .invitePanel {
    position: static;
  }
  .adminKpis {
    grid-template-columns: repeat(2, 1fr);
  }
  .channelAdminGrid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 850px) {
  .shell {
    grid-template-columns: 1fr;
  }
  .sidebar {
    position: relative;
  }
  .mainContent {
    padding: 27px 18px;
  }
  .pageHeader h1 {
    font-size: 31px;
  }
}
@media (max-width: 560px) {
  .adminKpis,
  .formGrid {
    grid-template-columns: 1fr;
  }
  .adminTabs {
    width: 100%;
    overflow: auto;
  }
  .personRow {
    grid-template-columns: 42px 1fr;
  }
  .personRow > div:last-child {
    grid-column: 2;
    justify-items: start;
    display: flex;
  }
  .pageHeader h1 {
    font-size: 28px;
  }
}
.channelOpen {
  width: 100%;
  margin-top: 14px;
}
.channelHero {
  margin-bottom: 24px;
}
.channelHero .heroMetrics {
  margin-top: 20px;
}
.channelHero .heroMetrics > div {
  padding: 14px;
  border-radius: 13px;
  background: linear-gradient(135deg, #eef6f2, #fbf8ef);
}
.healthCard {
  display: grid;
  gap: 20px;
}
.healthScore {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 20px;
  align-items: center;
}
.healthBars,
.signalBars {
  display: grid;
  gap: 9px;
}
.healthBars > div,
.signalBars > div {
  display: grid;
  grid-template-columns: 100px 1fr 36px;
  gap: 9px;
  align-items: center;
  font-size: 12px;
}
.healthBars > div > div,
.signalBars > div > div {
  height: 8px;
  background: #e5ece8;
  border-radius: 999px;
  overflow: hidden;
}
.healthBars i,
.signalBars i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0d7469, #d1ac64);
}
.healthBars b,
.signalBars b {
  text-align: right;
}
.healthColumns {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 22px;
}
.healthColumns h3 {
  font-size: 14px;
}
.healthColumns li {
  margin: 8px 0;
}
.competitorAdd {
  margin-bottom: 18px;
}
.competitorForm {
  display: grid;
  grid-template-columns: 2fr 1.1fr 1.4fr 0.7fr auto;
  gap: 11px;
  align-items: end;
}
.competitorForm label {
  margin: 0;
}
.competitorForm input,
.competitorForm select {
  display: block;
  width: 100%;
  margin-top: 7px;
}
.competitorGrid,
.trendGrid,
.ideaGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.competitorCard.archived {
  opacity: 0.72;
}
.competitorCard .tagRow {
  margin-top: 15px;
}
.radarFilters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 17px;
}
.radarFilters button.active {
  background: var(--nav);
  color: #fff;
}
.trendCard {
  position: relative;
  overflow: hidden;
}
.trendCard:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #a4b3ae;
}
.trendCard.hot_now:before {
  background: #c84535;
}
.trendCard.rising:before {
  background: #12a378;
}
.trendCard h2 {
  margin: 18px 0 4px;
}
.trendScore {
  font-weight: 900;
  font-size: 30px;
  color: #0b665d;
}
.trendScore small {
  font-size: 11px;
  color: var(--muted);
}
.signalBars {
  margin: 18px 0;
}
.evidenceList {
  display: grid;
  margin-top: 16px;
}
.evidenceList > b {
  font-size: 13px;
  margin-bottom: 7px;
}
.evidenceList a {
  display: grid;
  gap: 3px;
  padding: 9px 0;
  border-bottom: 1px solid #edf2ef;
  text-decoration: none;
}
.evidenceList a:hover span {
  color: var(--green);
}
.evidenceList small {
  color: var(--muted);
}
.radarFoot {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 15px;
  color: var(--muted);
  font-size: 12px;
}
.ideaCard {
  display: grid;
  align-content: start;
}
.ideaScore {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #0e796e, #083f3b);
  color: #fff;
}
.ideaScore b,
.ideaScore span {
  display: block;
  text-align: center;
}
.ideaScore b {
  font-size: 20px;
  line-height: 1;
}
.ideaScore span {
  font-size: 9px;
}
.whyNow {
  padding: 14px;
  border-radius: 13px;
  background: linear-gradient(135deg, #e8f6f2, #fff7e6);
  margin: 10px 0;
}
.whyNow p {
  margin: 6px 0 0;
}
.ideaSection h3,
.compactIdea h3 {
  font-size: 13px;
}
.titleChoice {
  display: flex !important;
  gap: 10px;
  align-items: flex-start !important;
  margin: 8px 0 !important;
  padding: 12px !important;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff !important;
  cursor: pointer;
}
.titleChoice.selected {
  border-color: #169282;
  background: #eef8f5 !important;
  box-shadow: 0 0 0 2px #16928214;
}
.titleChoice input {
  width: auto;
  margin-top: 3px;
}
.titleChoice span {
  display: grid;
  gap: 5px;
}
.titleChoice small {
  color: var(--muted);
}
.compactIdea {
  margin-top: 14px;
}
.compactIdea p {
  color: #50615d;
  line-height: 1.55;
}
.ideaApproval {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
.compactToast {
  margin-top: auto;
}
.workspaceSplit {
  align-items: start;
}
.workspaceList {
  display: grid;
}
.workspaceList > div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 7px 10px;
  padding: 12px 0;
  border-bottom: 1px solid #edf2ef;
  align-items: start;
}
.workspaceList > div:last-child {
  border-bottom: 0;
}
.workspaceList span:last-child {
  grid-column: 2;
  color: var(--muted);
  font-size: 12px;
}
@media (max-width: 1250px) {
  .competitorForm {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .competitorForm button {
    grid-column: 3;
  }
  .competitorGrid,
  .trendGrid,
  .ideaGrid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 850px) {
  .competitorForm {
    grid-template-columns: 1fr;
  }
  .competitorForm button {
    grid-column: auto;
  }
  .healthScore,
  .healthColumns,
  .ideaApproval {
    grid-template-columns: 1fr;
  }
}
.dashboardLink {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: 0.2s;
}
.dashboardLink:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow2);
}
.dashboardLink:focus-visible {
  outline: 3px solid rgba(22, 121, 111, 0.28);
  outline-offset: 3px;
}
.dashboardLink.active {
  border-color: #0d70657a;
  box-shadow: 0 12px 36px #085b5224;
}
.dashboardFocusCard {
  margin-top: 14px;
  scroll-margin-top: 18px;
}
.dashboardFocusHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}
.dashboardFocusHead h2 {
  margin: 0 0 5px;
}
.dashboardFocusHead p {
  color: var(--muted);
  margin: 0;
}
.dashboardFocusList {
  display: grid;
  gap: 9px;
}
.dashboardFocusItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 14px;
  color: inherit;
  text-decoration: none;
  border: 1px solid var(--line);
  background: #f4f9f7b8;
  border-radius: 13px;
  padding: 13px 14px;
  transition: 0.18s ease;
}
.dashboardFocusItem:hover {
  border-color: #0d70656b;
  background: #edf7f3f0;
  transform: translate(2px);
}
.dashboardFocusItem b,
.dashboardFocusItem small {
  display: block;
}
.dashboardFocusItem small {
  color: var(--muted);
  line-height: 1.45;
  margin-top: 3px;
}
.opsStrip {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 14px 0 2px;
}
.opsStrip span {
  padding: 9px 12px;
  border-radius: 999px;
  background: #fffdf9b8;
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
}
.opsStrip b {
  color: var(--ink);
}
.row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.textLink {
  color: var(--green);
  font-weight: 800;
  text-decoration: none;
}
.compactSection {
  margin: 0 0 14px;
}
.sectionEyebrow {
  display: block;
  color: #8a6a31;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
  margin-bottom: 9px;
}
.softPanel {
  padding: 13px;
  border-radius: 12px;
}
.actionKpis .kpi {
  min-height: 155px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.actionKpis .kpi strong {
  font-size: 38px;
  margin: 9px 0;
}
.actionKpis .kpi small {
  color: var(--muted);
  line-height: 1.45;
}
.comparisonCard {
  padding: 0;
  overflow: hidden;
}
.comparisonTable {
  overflow: auto;
}
.comparisonHead,
.comparisonRow {
  display: grid;
  grid-template-columns:
    minmax(205px, 1.3fr) 120px 90px 115px minmax(185px, 1.15fr)
    minmax(230px, 1.4fr);
  gap: 14px;
  align-items: center;
  min-width: 1040px;
  padding: 14px 18px;
}
.comparisonHead {
  background: #f7f5ef;
  color: #677570;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.comparisonRow {
  color: var(--ink);
  text-decoration: none;
  border-top: 1px solid #e9efeb;
}
.comparisonRow:hover {
  background: #f6faf8;
}
.comparisonRow small {
  display: block;
  color: var(--muted);
  margin-top: 5px;
}
.comparisonRow .negative {
  color: #b33b31;
  font-weight: 850;
}
.comparisonRow .positive {
  color: #0a7a63;
  font-weight: 850;
}
.confidenceLabel {
  font-size: 12px;
  color: var(--muted);
}
.confidenceLabel b {
  color: #143f39;
}
.confidenceExplainer {
  display: flex;
  gap: 9px;
  align-items: center;
  padding: 12px 15px;
  margin: 5px 0 18px;
  border: 1px solid #b9dcd5;
  border-radius: 13px;
  background: #eaf7f4;
}
.confidenceExplainer span {
  color: #50635e;
}
.diagnosisGrid {
  display: grid;
  gap: 18px;
}
.diagnosisCard {
  position: relative;
  overflow: hidden;
}
.diagnosisCard:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  background: #d6ac65;
}
.diagnosisCard.priority-1:before {
  background: #c8493b;
}
.diagnosisConfidence {
  margin-left: auto;
  text-align: right;
}
.diagnosisConfidence b,
.diagnosisConfidence span {
  display: block;
}
.diagnosisConfidence b {
  font-size: 25px;
  color: #0b665d;
}
.diagnosisConfidence span {
  font-size: 11px;
  color: var(--muted);
}
.diagnosisHeadline {
  margin: 20px 0;
  padding: 17px;
  border-radius: 15px;
  background: linear-gradient(135deg, #eef7f4, #fff8ea);
}
.diagnosisHeadline h3 {
  font-size: 21px;
  margin: 10px 0 5px;
}
.diagnosisHeadline p {
  margin: 0;
  color: #4f615d;
  line-height: 1.55;
}
.funnelMetrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.funnelMetrics > div {
  padding: 13px;
  border: 1px solid #e0e8e4;
  background: #fafbf8;
  border-radius: 12px;
}
.funnelMetrics span,
.funnelMetrics small {
  display: block;
  color: var(--muted);
  font-size: 11px;
}
.funnelMetrics b {
  display: block;
  font-size: 19px;
  margin: 6px 0;
}
.diagnosisColumns {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 22px;
  margin: 22px 0;
}
.evidenceMetrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.evidenceMetrics > div {
  padding: 12px;
  border-radius: 11px;
  background: #f3f6f4;
}
.evidenceMetrics span,
.evidenceMetrics small {
  display: block;
  color: var(--muted);
  font-size: 11px;
}
.evidenceMetrics b {
  display: block;
  font-size: 18px;
  margin: 5px 0;
}
.excludedList {
  margin: 0;
  padding-left: 20px;
  color: #596a65;
}
.excludedList li {
  margin: 8px 0;
}
.experimentPanel {
  border: 1px solid #acd7cf;
  background: linear-gradient(145deg, #e9f7f4, #fffdf8);
  border-radius: 16px;
  padding: 17px;
}
.experimentHeader {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.experimentHeader span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  color: #8a6a31;
}
.experimentHeader h3 {
  margin: 5px 0;
}
.checkpointRow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 14px 0;
}
.checkpointRow span {
  padding: 10px;
  text-align: center;
  background: #fff;
  border: 1px solid #dbe6e2;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 800;
}
.experimentActions {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}
.strategyLink {
  margin-top: 15px;
  text-align: right;
}
.strategyLink a {
  color: var(--green);
  font-weight: 800;
}
.strategyHero {
  margin-bottom: 22px;
}
.strategyHeroGrid,
.analysisKpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  margin-top: 18px;
}
.strategyHeroGrid > div,
.analysisKpis > div {
  padding: 13px;
  border-radius: 12px;
  background: #f3f6f3;
}
.strategyHeroGrid span,
.analysisKpis span {
  display: block;
  color: var(--muted);
  font-size: 11px;
}
.strategyHeroGrid b,
.analysisKpis b {
  display: block;
  margin-top: 6px;
  font-size: 17px;
}
.strategyGrid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 16px;
}
.territoryList {
  display: grid;
  gap: 8px;
}
.territoryList > div {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-left: 3px solid #149081;
  background: #f1f7f5;
  border-radius: 0 10px 10px 0;
}
.territoryList span {
  color: var(--muted);
  font-size: 12px;
}
.keywordChips {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.keywordChips span {
  background: #edf2ef;
  color: #3f554f;
  padding: 7px 9px;
  border-radius: 999px;
  font-size: 12px;
}
.keywordChips.owned span {
  background: #def3eb;
  color: #086b58;
}
.keywordChips.avoid span {
  background: #fae9e6;
  color: #9b3b32;
}
.cannibalizationChecker {
  margin-bottom: 18px;
}
.checkerForm {
  display: grid;
  grid-template-columns: 2fr 1.2fr auto;
  gap: 11px;
  align-items: end;
}
.checkerForm label {
  margin: 0;
}
.checkerForm input {
  display: block;
  width: 100%;
  margin-top: 6px;
}
.checkResult {
  margin-top: 15px;
  padding: 15px;
  border-radius: 13px;
  border: 1px solid #c9ddd8;
  background: #f5faf8;
}
.checkResult.blocked {
  background: #fff1ef;
  border-color: #e9bab5;
}
.checkResult.review {
  background: #fff7e9;
  border-color: #ead0a0;
}
.checkResult > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.checkResult ul {
  margin-bottom: 8px;
}
.seoStrategyGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.proofKeywordList {
  display: grid;
}
.proofKeywordList > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #e8eeea;
}
.proofKeywordList span {
  font-size: 11px;
  color: var(--muted);
  text-align: right;
}
.roadmapGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.roadmapGrid .card {
  position: relative;
}
.roadmapNumber {
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: 52px;
  font-weight: 950;
  color: #c7a86b33;
}
.roadmapGrid li {
  margin: 9px 0;
  line-height: 1.45;
}
.portfolioRole {
  padding: 13px;
  margin: 12px 0;
  border-left: 4px solid #0e8073;
  background: #edf7f4;
  border-radius: 0 12px 12px 0;
}
.portfolioRole span,
.portfolioRole b {
  display: block;
}
.portfolioRole span {
  font-size: 10px;
  letter-spacing: 0.11em;
  color: #8a6a31;
  font-weight: 900;
}
.portfolioRole p {
  margin: 5px 0 0;
  color: var(--muted);
}
.titleChoice.blocked {
  border-color: #e5aaa4;
  background: #fff2ef !important;
}
.portfolioStatus {
  display: inline-block;
  width: max-content;
  font-style: normal;
  font-size: 11px;
  font-weight: 850;
  padding: 5px 7px;
  border-radius: 7px;
}
.portfolioStatus.pass {
  background: #dff4e9;
  color: #08705b;
}
.portfolioStatus.review {
  background: #fff0d0;
  color: #8d6018;
}
.portfolioStatus.blocked {
  background: #f8ddda;
  color: #9e332a;
}
.portfolioChannels .card {
  display: flex;
  flex-direction: column;
}
.portfolioChannels .channelOpen {
  margin-top: auto;
}
.compactTerritories {
  margin: 12px 0 16px;
}
.compactTerritories > div {
  padding: 9px 11px;
}
.taskTabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 15px 0;
}
.taskTabs button {
  display: flex;
  gap: 9px;
  align-items: center;
}
.taskTabs button span {
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: #09514a1a;
  display: grid;
  place-items: center;
}
.taskTabs button.active {
  background: #082725;
  color: #fff;
}
.taskListV51 {
  display: grid;
  gap: 16px;
}
.taskCardV51 {
  padding: 0;
  overflow: hidden;
}
.taskSummary {
  display: grid;
  grid-template-columns: 165px 1fr 120px;
  gap: 15px;
  align-items: center;
  padding: 16px;
}
.taskSummary > img,
.taskThumbFallback {
  width: 165px;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 11px;
}
.taskThumbFallback {
  display: grid;
  place-items: center;
  background: #e6efeb;
  color: #0b665d;
  font-weight: 900;
}
.taskIdentity h3 {
  margin: 9px 0 5px;
}
.taskIdentity p,
.taskIdentity small {
  display: block;
  margin: 0;
  color: var(--muted);
}
.taskProgress {
  text-align: right;
}
.taskProgress > b,
.taskProgress > span {
  display: block;
}
.taskProgress > b {
  font-size: 25px;
  color: #0b665d;
}
.taskProgress > span {
  font-size: 11px;
  color: var(--muted);
}
.taskProgress > div {
  height: 7px;
  margin-top: 7px;
  border-radius: 999px;
  background: #e2e9e5;
  overflow: hidden;
}
.taskProgress i {
  display: block;
  height: 100%;
  background: #12a378;
}
.revisionBanner {
  margin: 0 16px 15px;
  padding: 13px;
  border-radius: 11px;
  background: #fff0ed;
  border: 1px solid #e8bcb7;
}
.revisionBanner p {
  margin: 5px 0;
}
.instructionToggle {
  width: calc(100% - 32px);
  margin: 0 16px 16px;
  justify-content: space-between;
}
.taskDetailPanel {
  padding: 18px;
  border-top: 1px solid #e4ebe7;
  background: #fbfcf9;
}
.instructionGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-bottom: 16px;
}
.instructionGrid section {
  padding: 13px;
  border-radius: 11px;
  background: #f2f6f4;
}
.instructionGrid h4 {
  margin: 0 0 7px;
}
.instructionGrid p {
  margin: 5px 0;
}
.instructionGrid .wideInstruction {
  grid-column: 1/-1;
}
.taskWorkflowGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.taskWorkflowGrid > section {
  border: 1px solid #dfe7e3;
  border-radius: 14px;
  padding: 15px;
  background: #fff;
}
.workflowHead {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.workflowHead h3,
.workflowHead p {
  margin: 0 0 5px;
}
.workflowHead p {
  color: var(--muted);
  font-size: 12px;
}
.workflowHead > b {
  font-size: 20px;
}
.interactiveChecklist {
  display: grid;
  gap: 7px;
  margin: 13px 0;
}
.interactiveChecklist label {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 9px;
  align-items: center;
  padding: 10px;
  border: 1px solid #dfe6e2;
  border-radius: 10px;
  margin: 0;
  background: #fafbf8;
}
.interactiveChecklist label.checked {
  background: #e9f7f1;
  border-color: #b9ddcf;
}
.interactiveChecklist input {
  width: auto;
}
.interactiveChecklist small {
  color: var(--muted);
}
.submissionBox,
.waitingPanel,
.submissionNote,
.approvedPanel {
  padding: 13px;
  margin-top: 13px;
  border-radius: 11px;
  background: #eef7f4;
}
.submissionBox input,
.submissionBox textarea {
  width: 100%;
}
.resultLink {
  display: block;
  margin: 10px 0;
  color: #0b665d;
  font-weight: 850;
}
.reviewChecklist {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}
.reviewItem {
  padding: 11px;
  border: 1px solid #dfe7e3;
  border-radius: 10px;
}
.reviewItem > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.reviewItem textarea {
  width: 100%;
  margin-top: 8px;
}
.qaButtons {
  display: flex;
  gap: 6px;
  margin-top: 7px;
}
.qaButtons button {
  padding: 7px 9px;
  font-size: 11px;
  background: #edf3f0;
  color: #31504a;
  box-shadow: none;
}
.qaButtons .qaFail {
  color: #a43a31;
}
.qaButtons button.active {
  background: #0c7167;
  color: #fff;
}
.qaButtons .qaFail.active {
  background: #b94338;
}
.managerDecision {
  border-top: 1px solid #dfe7e3;
  margin-top: 13px;
  padding-top: 13px;
}
.managerDecision textarea {
  width: 100%;
}
.managerDecision > div {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.memberDeleteZone {
  margin-top: 19px;
  padding: 14px;
  border: 1px solid #e8bbb6;
  border-radius: 12px;
  background: #fff3f0;
}
.memberDeleteZone p {
  color: #7d4c47;
}
.memberDeleteZone button {
  margin-top: 4px;
}
.competitorFormV51 {
  display: grid;
  grid-template-columns: 1.8fr 1.8fr 1fr auto;
  gap: 13px;
  align-items: end;
}
.competitorFormV51 > label {
  margin: 0;
}
.competitorFormV51 input,
.competitorFormV51 select {
  display: block;
  width: 100%;
  margin-top: 7px;
}
.targetPicker > b,
.targetPicker small {
  display: block;
}
.targetPicker small {
  color: var(--muted);
  margin-top: 6px;
}
.targetChecks {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 7px;
}
.targetChecks label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 8px 9px;
  border: 1px solid #dce5e1;
  border-radius: 9px;
  background: #fafbf8;
}
.targetChecks label.selected {
  background: #e4f5f0;
  border-color: #9fd2c7;
}
.targetChecks input {
  width: auto;
  margin: 0;
}
.competitorMetaFields {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 7px;
}
.competitorMetaFields label {
  margin: 0;
}
.linkedTargets {
  display: grid;
  gap: 7px;
  margin-top: 15px;
}
.linkedTargets > b {
  font-size: 12px;
}
.linkedTargets > div {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 8px;
  align-items: center;
  padding: 9px;
  background: #f4f7f5;
  border-radius: 9px;
}
.linkedTargets small {
  display: block;
  color: var(--muted);
  margin-top: 3px;
}
.tinyButton {
  padding: 6px 8px;
  font-size: 10px;
}
.competitorHero {
  margin-bottom: 18px;
}
.competitorInsights {
  align-items: stretch;
}
.insightRows {
  display: grid;
}
.insightRows > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid #e7ede9;
}
.insightRows span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  margin-top: 4px;
}
.segmented {
  display: flex;
  gap: 5px;
}
.segmented button {
  background: #f5f6f2;
  color: #50615d;
  border: 1px solid #dce4df;
  box-shadow: none;
  padding: 8px 10px;
}
.segmented button.active {
  background: #082725;
  color: #fff;
}
.competitorVideoTable td {
  vertical-align: middle;
}
@media (max-width: 1200px) {
  .funnelMetrics {
    grid-template-columns: repeat(3, 1fr);
  }
  .seoStrategyGrid {
    grid-template-columns: 1fr 1fr;
  }
  .seoStrategyGrid > .card:last-child {
    grid-column: 1/-1;
  }
  .checkerForm,
  .competitorFormV51 {
    grid-template-columns: 1fr 1fr;
  }
  .checkerForm button,
  .competitorFormV51 > button {
    grid-column: 2;
  }
  .taskWorkflowGrid {
    grid-template-columns: 1fr;
  }
  .taskSummary {
    grid-template-columns: 135px 1fr 100px;
  }
  .taskSummary > img,
  .taskThumbFallback {
    width: 135px;
  }
  .strategyHeroGrid,
  .analysisKpis {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 850px) {
  .strategyGrid,
  .roadmapGrid,
  .seoStrategyGrid,
  .diagnosisColumns {
    grid-template-columns: 1fr;
  }
  .seoStrategyGrid > .card:last-child {
    grid-column: auto;
  }
  .evidenceMetrics {
    grid-template-columns: 1fr 1fr;
  }
  .checkerForm,
  .competitorFormV51 {
    grid-template-columns: 1fr;
  }
  .checkerForm button,
  .competitorFormV51 > button {
    grid-column: auto;
  }
  .taskSummary {
    grid-template-columns: 105px 1fr;
  }
  .taskSummary > img,
  .taskThumbFallback {
    width: 105px;
  }
  .taskProgress {
    grid-column: 2;
    text-align: left;
  }
  .instructionGrid {
    grid-template-columns: 1fr;
  }
  .funnelMetrics,
  .checkpointRow {
    grid-template-columns: 1fr 1fr;
  }
  .experimentActions {
    grid-template-columns: 1fr;
  }
  .comparisonCard {
    margin-left: -4px;
    margin-right: -4px;
  }
  .competitorMetaFields {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 560px) {
  .funnelMetrics,
  .evidenceMetrics,
  .strategyHeroGrid,
  .analysisKpis,
  .competitorMetaFields {
    grid-template-columns: 1fr;
  }
  .confidenceExplainer,
  .experimentHeader,
  .checkResult > div {
    align-items: flex-start;
    flex-direction: column;
  }
  .taskSummary {
    grid-template-columns: 1fr;
  }
  .taskSummary > img,
  .taskThumbFallback {
    width: 100%;
  }
  .taskProgress {
    grid-column: auto;
  }
  .checkpointRow {
    grid-template-columns: 1fr;
  }
  .linkedTargets > div {
    grid-template-columns: 1fr;
  }
  .qaButtons {
    display: grid;
  }
  .segmented {
    width: 100%;
    overflow: auto;
  }
}
.truthBanner {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  margin-bottom: 16px;
  border: 1px solid #a9d7cf;
  border-radius: 14px;
  background: linear-gradient(135deg, #e7f6f2, #fff8e9);
}
.truthBanner b {
  white-space: nowrap;
  color: #0b5e55;
}
.truthBanner span {
  color: #50635e;
  line-height: 1.45;
}
.discoveryToolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(150px, 0.6fr));
  gap: 10px;
  margin: 20px 0;
}
.discoveryToolbar .searchInput {
  max-width: none;
  width: 100%;
}
.candidateList {
  display: grid;
  gap: 18px;
}
.candidateCard {
  position: relative;
  overflow: hidden;
}
.candidateCard:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: #d6ac65;
}
.candidateCard.trend-increasing:before {
  background: #12a378;
}
.candidateCard.trend-decreasing:before {
  background: #c8493b;
}
.candidateHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}
.candidateBadges {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.candidateScores {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin: 18px 0;
}
.candidateScores > div {
  padding: 13px;
  border: 1px solid #dde7e2;
  border-radius: 12px;
  background: #f7faf8;
}
.candidateScores span,
.candidateScores small {
  display: block;
  color: var(--muted);
  font-size: 11px;
}
.candidateScores b {
  display: block;
  font-size: 24px;
  margin: 6px 0;
  color: #0b665d;
}
.candidateBody {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(390px, 0.9fr);
  gap: 18px;
}
.candidateBody > section {
  min-width: 0;
}
.candidateMetrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.candidateMetrics > div {
  padding: 12px;
  border-radius: 11px;
  background: #f2f6f4;
}
.candidateMetrics span,
.candidateMetrics small {
  display: block;
  color: var(--muted);
  font-size: 11px;
}
.candidateMetrics b {
  display: block;
  font-size: 19px;
  margin: 5px 0;
}
.sparkline {
  margin: 15px 0;
  padding: 12px;
  border: 1px solid #dfe8e3;
  border-radius: 12px;
  background: #fbfcfa;
}
.sparkline svg {
  width: 100%;
  height: 76px;
  overflow: visible;
}
.sparkline polyline {
  fill: none;
  stroke: #0f887a;
  stroke-width: 2.2;
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sparkline > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
  font-size: 10px;
}
.sparkline > div b {
  color: #31534d;
}
.sparklineWaiting {
  display: grid;
  place-items: center;
  min-height: 100px;
  margin: 15px 0;
  padding: 14px;
  border: 1px dashed #cbd9d4;
  border-radius: 12px;
  color: var(--muted);
  text-align: center;
  background: #fafbf8;
}
.metricTruthNote {
  margin-top: 12px;
  padding: 11px 12px;
  border-left: 3px solid #d3aa63;
  border-radius: 0 9px 9px 0;
  background: #fff8e9;
  color: #675d47;
  font-size: 12px;
}
.candidateReview {
  border-left: 1px solid #dfe7e3;
  padding-left: 18px;
}
.channelFitList {
  display: grid;
  gap: 8px;
}
.channelFitList > div {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid #dfe7e3;
  border-radius: 11px;
  background: #fafbf8;
}
.channelFitList small {
  display: block;
  color: var(--muted);
  margin-top: 3px;
}
.fitButtons {
  display: flex;
  gap: 5px;
}
.fitButtons button {
  padding: 7px 9px;
  font-size: 10px;
  background: #eef3f0;
  color: #45605a;
  border-color: #d7e1dd;
  box-shadow: none;
}
.fitButtons button.active.fit {
  background: #0b786b;
  color: #fff;
}
.fitButtons button.active.watch {
  background: #c18a2e;
  color: #fff;
}
.fitButtons button.active.notFit {
  background: #b64339;
  color: #fff;
}
.candidateDecision {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #dfe7e3;
}
.candidateDecision > button:last-child {
  grid-column: 2;
}
.candidateDecision span {
  color: var(--muted);
}
.candidateFoot {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 16px;
  padding-top: 13px;
  border-top: 1px solid #e5ebe8;
  color: var(--muted);
  font-size: 11px;
}
.candidateFoot a {
  color: var(--green);
  font-weight: 850;
  text-decoration: none;
}
.discoveryKpis {
  margin-bottom: 10px;
}
@media (max-width: 1250px) {
  .discoveryToolbar {
    grid-template-columns: 1fr 1fr;
  }
  .candidateBody {
    grid-template-columns: 1fr;
  }
  .candidateReview {
    border-left: 0;
    border-top: 1px solid #dfe7e3;
    padding: 18px 0 0;
  }
  .candidateMetrics {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 850px) {
  .truthBanner,
  .candidateHeader {
    align-items: flex-start;
    flex-direction: column;
  }
  .candidateBadges {
    justify-content: flex-start;
  }
  .candidateScores,
  .candidateMetrics {
    grid-template-columns: 1fr 1fr;
  }
  .channelFitList > div {
    grid-template-columns: 1fr;
  }
  .candidateDecision {
    grid-template-columns: 1fr;
  }
  .candidateDecision > button:last-child {
    grid-column: auto;
  }
  .candidateFoot {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
}
@media (max-width: 560px) {
  .discoveryToolbar,
  .candidateScores,
  .candidateMetrics {
    grid-template-columns: 1fr;
  }
  .fitButtons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .truthBanner b {
    white-space: normal;
  }
}
.fitIdentity {
  min-width: 0;
}
.fitIdentity small {
  line-height: 1.35;
}
.fitIdentity small:first-of-type {
  color: #0b665d;
  font-weight: 700;
}
.candidateEvidenceVideos {
  display: grid;
  gap: 7px;
  margin-top: 8px;
}
.candidateEvidenceVideos a {
  display: grid;
  grid-template-columns: 104px 1fr;
  gap: 10px;
  align-items: center;
  padding: 8px;
  border: 1px solid #dfe7e3;
  border-radius: 10px;
  background: #fafbf8;
  text-decoration: none;
}
.candidateEvidenceVideos img {
  width: 104px;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 7px;
}
.candidateEvidenceVideos b,
.candidateEvidenceVideos small {
  display: block;
}
.candidateEvidenceVideos b {
  font-size: 12px;
  line-height: 1.35;
}
.candidateEvidenceVideos small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
}
@media (max-width: 560px) {
  .candidateEvidenceVideos a {
    grid-template-columns: 82px 1fr;
  }
  .candidateEvidenceVideos img {
    width: 82px;
  }
}
.keywordOps {
  margin: 15px 0;
}
.keywordOps > summary {
  cursor: pointer;
  width: max-content;
  max-width: 100%;
  padding: 10px 13px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fffdf9;
  color: #3f5751;
  font-weight: 750;
}
.keywordOps > summary b {
  margin-left: 8px;
  color: #0b665d;
}
.keywordOps > .card {
  margin-top: 9px;
}
.advancedScanHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.advancedScanHeader small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
}
.keywordAdd {
  display: grid;
  grid-template-columns: minmax(210px, 0.8fr) minmax(260px, 1.4fr) auto;
  gap: 9px;
}
.keywordScheduleList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 13px;
}
.keywordScheduleList > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border: 1px solid #e0e7e3;
  border-radius: 10px;
  background: #fafbf8;
}
.keywordScheduleList > div.disabled {
  opacity: 0.58;
}
.keywordScheduleList span,
.keywordScheduleList small {
  display: block;
}
.keywordScheduleList small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
}
.keywordScheduleList > div > span:last-child {
  text-align: right;
}
.keywordScheduleList button {
  margin: 5px 0 0 auto;
}
@media (max-width: 850px) {
  .candidateQuickFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .advancedScanHeader {
    align-items: stretch;
    flex-direction: column;
  }
  .keywordAdd,
  .keywordScheduleList {
    grid-template-columns: 1fr;
  }
  .keywordScheduleList > div > span:last-child {
    text-align: left;
  }
  .keywordScheduleList button {
    margin-left: 0;
  }
}
:root,
html,
body,
button,
input,
select,
textarea,
optgroup,
option {
  font-family:
    Arial,
    Helvetica Neue,
    sans-serif !important;
  font-synthesis: none !important;
  font-optical-sizing: none;
  font-variant-ligatures: none;
}
body {
  font-size: 16px;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
button,
.button,
.badge,
.eyebrow,
.sectionEyebrow {
  font-weight: 700 !important;
}
.pageHeader h1 {
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.12;
  letter-spacing: -0.02em;
}
.sidebarNavButton {
  width: 100%;
  display: grid;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 11px 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: inherit;
  text-align: left;
}
.sidebarNavButton:hover,
.sidebarNavButton.active {
  background: #ffffff17;
}
.navChevron {
  margin-left: auto;
  opacity: 0.7;
}
.channelNavTree {
  display: grid;
  gap: 5px;
  margin: 3px 0 9px 18px;
  padding: 7px 0 7px 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}
.allChannelsLink,
.channelToolLinks a {
  min-height: 0 !important;
  padding: 7px 9px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1.3;
}
.channelNavGroup {
  min-width: 0;
}
.channelNavToggle {
  width: 100%;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 6px 7px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  text-align: left;
}
.channelNavToggle:hover,
.channelNavGroup.expanded > .channelNavToggle {
  background: #ffffff12;
}
.channelNavToggle img,
.channelNavFallback {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  object-fit: cover;
}
.channelNavFallback {
  display: grid;
  place-items: center;
  background: #e8f5f1;
  color: #0b665d;
  font-size: 9px;
  font-weight: 700;
}
.channelNavToggle > span:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
}
.channelToolLinks {
  display: grid;
  gap: 2px;
  margin: 3px 0 4px 20px;
}
.channelNavEmpty {
  padding: 7px 9px;
  color: #ffffff9e;
  font-size: 11px;
}
.channelSeoPrimary {
  margin-bottom: 18px;
}
.seoHistoryList {
  display: grid;
  gap: 8px;
}
.seoHistoryList button {
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--soft);
  color: var(--ink);
  text-align: left;
}
.seoHistoryList span {
  color: var(--muted);
  font-size: 11px;
}
.intelligenceV6 {
  --v6-blue: #285f8f;
  --v6-purple: #6b4ca0;
}
.v6HeaderActions {
  display: flex;
  gap: 9px;
}
.v6Message {
  margin-bottom: 18px;
}
.v6StatusGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
  margin-bottom: 28px;
}
.v6StatusCard {
  display: grid;
  gap: 7px;
  min-height: 132px;
}
.v6StatusCard span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.v6StatusCard strong {
  font-size: 24px;
  line-height: 1.12;
  letter-spacing: -0.025em;
}
.v6StatusCard small {
  color: var(--muted);
}
.v6Section {
  margin-top: 34px;
}
.v6Step {
  color: var(--green2);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.13em;
}
.v6BenchmarkForm {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) 230px auto;
  align-items: end;
  gap: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.v6BenchmarkForm label {
  margin-top: 0;
}
.v6BenchmarkForm input,
.v6BenchmarkForm select {
  width: 100%;
}
.v6BenchmarkList {
  display: grid;
  gap: 9px;
  margin-top: 16px;
}
.v6BenchmarkRow {
  display: grid;
  grid-template-columns: 48px minmax(220px, 1fr) 150px auto auto;
  align-items: center;
  gap: 12px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fbfdfc;
}
.v6BenchmarkRow.mutedRow {
  opacity: 0.62;
  background: #f3f5f4;
}
.v6BenchmarkRow img,
.v6BenchmarkRow .channelFallback {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}
.v6BenchmarkRow b,
.v6BenchmarkRow span {
  display: block;
}
.v6BenchmarkRow span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
}
.v6BenchmarkRow select {
  width: 100%;
  padding: 9px;
  font-size: 12px;
}
.dangerText {
  color: var(--red);
}
.v6DiscoveryCallout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 16px;
  padding: 14px;
  border-radius: 12px;
  background: linear-gradient(135deg, #edf7f5, #f9fbfa);
}
.v6DiscoveryCallout b,
.v6DiscoveryCallout span {
  display: block;
}
.v6DiscoveryCallout span {
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}
.v6CandidateList {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
.v6CandidateRow {
  align-items: center;
  border: 1px dashed var(--line);
  border-radius: 12px;
  display: grid;
  gap: 12px;
  grid-template-columns: 44px minmax(220px, 1fr) auto auto;
  padding: 10px;
}
.v6CandidateRow img,
.v6CandidateRow .channelFallback {
  border-radius: 50%;
  height: 44px;
  object-fit: cover;
  width: 44px;
}
.v6CandidateRow b,
.v6CandidateRow > .grow > span {
  display: block;
}
.v6CandidateRow > .grow > span {
  color: var(--muted);
  font-size: 11px;
  margin-top: 4px;
}
.v6DirectionCard {
  border-top: 5px solid var(--amber);
}
.v6DirectionCard.direction-keep_framework {
  border-top-color: var(--green2);
}
.v6DirectionCard.direction-reposition {
  border-top-color: var(--red);
}
.v6DirectionHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.v6DirectionHeader h2 {
  margin: 10px 0 5px;
  font-size: 28px;
}
.v6DirectionHeader p {
  margin: 0;
  color: var(--muted);
}
.v6Confidence {
  min-width: 105px;
  padding: 16px;
  border-radius: 15px;
  background: var(--soft);
  text-align: center;
}
.v6Confidence strong,
.v6Confidence span {
  display: block;
}
.v6Confidence strong {
  font-size: 29px;
}
.v6Confidence span {
  color: var(--muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.v6MarketSummary {
  margin: 20px 0;
  font-size: 16px;
  line-height: 1.6;
}
.v6ScoreGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 17px 0;
}
.v6ScoreGrid > div {
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fafcfb;
}
.v6ScoreGrid span,
.v6ScoreGrid b {
  display: block;
}
.v6ScoreGrid span {
  color: var(--muted);
  font-size: 11px;
}
.v6ScoreGrid b {
  margin-top: 6px;
  font-size: 21px;
}
.v6KeepChange > div {
  padding: 16px;
  border-radius: 13px;
  background: var(--soft);
}
.v6KeepChange h3 {
  margin-bottom: 8px;
}
.v6KeepChange ul {
  margin: 0;
  padding-left: 19px;
  line-height: 1.55;
}
.v6Positioning {
  display: grid;
  gap: 0;
  margin-top: 16px;
  border-top: 1px solid var(--line);
}
.v6Positioning > div {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.v6Positioning span {
  color: var(--muted);
  font-size: 12px;
}
.v6ApprovalPanel {
  margin-top: 19px;
  padding: 16px;
  border-radius: 13px;
  background: #fff8e8;
  border: 1px solid #f2d49d;
}
.v6ApprovalPanel textarea {
  width: 100%;
}
.v6KeywordGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.v6KeywordCard h3 {
  margin: 15px 0 9px;
}
.v6KeywordCard code {
  display: inline-block;
  padding: 7px 9px;
  border-radius: 8px;
  background: #0c2927;
  color: #bcebe3;
  font-weight: 800;
}
.v6KeywordCard p {
  color: var(--muted);
  line-height: 1.5;
}
.v6KeywordCard > small {
  display: block;
  margin-top: 12px;
  color: var(--muted);
  line-height: 1.45;
}
.globalBackButton {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 18px;
  padding: 9px 14px;
  border: 1px solid rgba(6, 48, 47, 0.16);
  border-radius: 999px;
  background: #ffffffb8;
  color: var(--ink);
  box-shadow: none;
}
.globalBackButton:hover {
  background: #fff;
  transform: translate(-2px);
}
.globalBackButton span {
  font-size: 20px;
  line-height: 1;
}
.legacyDecisionRetired {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 22px 0;
  border-left: 4px solid var(--teal);
}
.legacyDecisionRetired h2 {
  margin: 7px 0;
}
.legacyDecisionRetired p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.mainChannelGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.mainChannelCard {
  display: grid;
  align-content: start;
  gap: 18px;
}
.mainChannelHead {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
}
.mainChannelHead img,
.mainChannelHead > .channelNavFallback {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}
.mainChannelHead h2,
.mainChannelHead p,
.mainChannelState b,
.mainChannelState small {
  margin: 0;
}
.mainChannelHead p,
.mainChannelState small {
  color: var(--muted);
}
.mainChannelState {
  display: grid;
  gap: 6px;
  min-height: 64px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--soft);
}
.mainWorkflowLinks {
  display: grid;
  gap: 9px;
}
.mainWorkflowLinks > a {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  text-decoration: none;
}
.mainWorkflowLinks > a:hover {
  border-color: #04776c6b;
  background: #04776c0d;
  transform: translateY(-1px);
}
.mainWorkflowLinks > a > span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 50%;
  background: #082f2e;
  color: #fff;
  font-weight: 900;
}
.mainWorkflowLinks > a div {
  display: grid;
  gap: 3px;
}
.mainWorkflowLinks small {
  color: var(--muted);
}
.compactMetric {
  font-size: 16px !important;
  line-height: 1.35;
}
.legacyArchiveGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}
.legacyArchiveGrid > div {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.legacyArchiveGrid span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}
.unifiedIdeaCheck {
  border: 1px solid rgba(3, 111, 101, 0.22);
}
.unifiedDecisionProgress {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #04776c14;
}
.unifiedDecisionProgress div {
  display: grid;
  gap: 4px;
}
.unifiedDecisionProgress small {
  color: var(--muted);
}
.liveDot {
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: var(--teal);
  box-shadow: 0 0 #04776c59;
  animation: unifiedDecisionPulse 1.4s infinite;
}
@keyframes unifiedDecisionPulse {
  70% {
    box-shadow: 0 0 0 10px #04776c00;
  }
  to {
    box-shadow: 0 0 #04776c00;
  }
}
@media (max-width: 760px) {
  .legacyDecisionRetired {
    align-items: stretch;
    flex-direction: column;
  }
  .mainChannelGrid,
  .legacyArchiveGrid {
    grid-template-columns: 1fr;
  }
  .mainChannelHead {
    grid-template-columns: 42px minmax(0, 1fr);
  }
  .mainChannelHead img,
  .mainChannelHead > .channelNavFallback {
    width: 42px;
    height: 42px;
  }
  .mainChannelHead > .badge {
    grid-column: 1 / -1;
    justify-self: start;
  }
}
.v6BriefHero {
  margin-bottom: 14px;
  background: linear-gradient(135deg, #eaf7f4, #fff8e7);
}
.v6BriefHero h2 {
  margin: 9px 0;
  font-size: 27px;
}
.v6BriefHero p {
  color: #42514d;
  line-height: 1.6;
}
.v6TitleList {
  display: grid;
  gap: 13px;
}
.v6TitleCard {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
}
.v6TitleCard.title-blocked {
  opacity: 0.72;
  border-color: #f0b7b2;
}
.v6TitleRank {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: var(--nav);
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}
.v6TitleCard h3 {
  margin: 12px 0 8px;
  font-size: 19px;
  line-height: 1.42;
}
.v6TitleCard p {
  margin: 6px 0;
  line-height: 1.5;
}
.v6OverallScore {
  font-size: 20px;
  color: var(--green);
}
.v6MiniScores {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 11px;
}
.v6MiniScores span {
  padding: 6px 8px;
  border-radius: 8px;
  background: var(--soft);
  color: var(--muted);
  font-size: 11px;
}
.v6AutomationToggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.v6AutomationToggle h3 {
  margin-bottom: 6px;
}
.v6AutomationToggle p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}
.switch {
  position: relative;
  margin: 0 !important;
  width: 52px;
  height: 30px;
  flex: 0 0 auto;
}
.switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.switch span {
  position: absolute;
  inset: 0;
  border-radius: 99px;
  background: #bcc8c5;
  cursor: pointer;
  transition: 0.2s;
}
.switch span:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 3px;
  left: 3px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 7px #0003;
  transition: 0.2s;
}
.switch input:checked + span {
  background: var(--green2);
}
.switch input:checked + span:after {
  transform: translate(22px);
}
.switch input:disabled + span {
  opacity: 0.45;
  cursor: not-allowed;
}
.v6RunList {
  display: grid;
  gap: 8px;
}
.v6RunList details {
  border: 1px solid var(--line);
  border-radius: 11px;
  overflow: hidden;
}
.v6RunList summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 11px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}
.v6RunStages {
  display: grid;
  gap: 0;
  padding: 0 11px 11px;
}
.v6RunStages > div {
  display: grid;
  grid-template-columns: 14px 1fr auto;
  gap: 8px;
  align-items: center;
  padding: 8px 0;
  border-top: 1px solid var(--line);
}
.v6RunStages small {
  color: var(--muted);
}
.v6RunStages em {
  grid-column: 2 / -1;
  color: var(--red);
  font-size: 10px;
  font-style: normal;
}
.v6StageDot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #a5b1ae;
}
.v6StageDot.succeeded {
  background: #12a378;
}
.v6StageDot.running {
  background: #e7a331;
  box-shadow: 0 0 0 4px #e7a33126;
}
.v6StageDot.failed {
  background: #d92d20;
}
.v6AdvancedLinks {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 34px;
}
.v6AdvancedLinks b,
.v6AdvancedLinks span {
  display: block;
}
.v6AdvancedLinks span {
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}
.v6OutcomeLink {
  align-items: center;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 12px;
  display: flex;
  gap: 10px;
  margin-top: 12px;
  padding: 10px;
}
.v6OutcomeLink select {
  flex: 1;
  min-width: 180px;
}
.v6OutcomeLink.linked {
  justify-content: space-between;
}
@media (max-width: 1150px) {
  .v6StatusGrid,
  .v6ScoreGrid,
  .v6KeywordGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v6BenchmarkRow {
    grid-template-columns: 48px minmax(180px, 1fr) 140px;
  }
  .v6BenchmarkRow button {
    width: 100%;
  }
}
@media (max-width: 760px) {
  .v6HeaderActions,
  .v6AdvancedLinks,
  .v6DiscoveryCallout,
  .v6DirectionHeader,
  .v6AutomationToggle {
    align-items: stretch;
    flex-direction: column;
  }
  .v6StatusGrid,
  .v6ScoreGrid,
  .v6KeywordGrid,
  .v6BenchmarkForm,
  .v6BenchmarkRow {
    grid-template-columns: 1fr;
  }
  .v6CandidateRow {
    grid-template-columns: 44px 1fr;
  }
  .v6CandidateRow > button {
    grid-column: 1 / -1;
  }
  .v6BenchmarkRow img,
  .v6BenchmarkRow .channelFallback {
    width: 44px;
    height: 44px;
  }
  .v6TitleCard {
    grid-template-columns: 1fr;
  }
  .v6OutcomeLink {
    align-items: stretch;
    flex-direction: column;
  }
  .v6Positioning > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
.intelligenceV61 {
  max-width: 1440px;
  margin: 0 auto;
}
.v61HeaderActions,
.v61ReviewActions,
.v61BenchmarkActions,
.v61ReviewInline,
.v61LinkOutcome {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.v61HeaderActionBlock {
  display: grid;
  justify-items: end;
  gap: 6px;
  max-width: 520px;
}
.v61ActionHint {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
  text-align: right;
}
.v61Message {
  margin-bottom: 16px;
}
.v62WorkflowNav {
  display: flex;
  gap: 7px;
  padding: 6px;
  margin: -2px 0 18px;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px #0d372e0d;
}
.v62WorkflowNav a {
  flex: 0 0 auto;
  padding: 9px 13px;
  border-radius: 10px;
  color: #51635e;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.v62WorkflowNav a.active {
  color: #fff;
  background: var(--nav);
}
.v61DecisionBar {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) auto auto;
  align-items: center;
  gap: 18px;
  padding: 14px 18px;
  margin-bottom: 16px;
  border: 1px solid #b9ddd3;
  border-radius: 14px;
  background: linear-gradient(135deg, #eaf8f4, #f8fcfb);
  box-shadow: var(--shadow);
}
.v61DecisionBar span,
.v61DecisionBar strong {
  display: block;
}
.v61DecisionBar span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.v61DecisionBar strong {
  margin-top: 4px;
  color: #075f4b;
  font-size: 15px;
}
.v61DecisionBar small {
  color: var(--muted);
}
.v61AssignmentCard {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  border-width: 1px;
}
.v61AssignmentCard.released {
  border-color: #9bd7c7;
  box-shadow: 0 16px 40px #1075591c;
}
.v61AssignmentCard.pending {
  border-color: #e9c36b;
}
.v61AssignmentCard.blocked {
  border-color: #f0b3ae;
}
.v61AssignmentCard:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--green2);
}
.v61AssignmentCard.pending:before,
.v61AssignmentCard.watch:before {
  background: #e7a331;
}
.v61AssignmentCard.blocked:before {
  background: var(--red);
}
.v61AssignmentTop,
.v61RunHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.v61AssignmentTop h2 {
  margin: 7px 0 0;
  max-width: 900px;
  font-size: clamp(22px, 3vw, 34px);
  line-height: 1.2;
}
.v61AssignmentBadges {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.v61Lead {
  color: #344741;
  font-size: 15px;
  line-height: 1.65;
}
.v61ResearchHypothesis {
  padding: 18px;
  margin: 16px 0;
  border: 1px solid #e1bd66;
  border-radius: 14px;
  background: #fff8e7;
}
.v61ResearchHypothesis span {
  display: block;
  color: #8b6518;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.09em;
}
.v61ResearchHypothesis h3 {
  margin: 8px 0;
  font-size: clamp(19px, 2.4vw, 26px);
  line-height: 1.35;
}
.v61ResearchHypothesis p {
  margin: 0;
  color: #5e543e;
  line-height: 1.55;
}
.v61EvidenceMetrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}
.v61EvidenceMetrics > div {
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--soft);
}
.v61EvidenceMetrics span,
.v61EvidenceMetrics b {
  display: block;
}
.v61EvidenceMetrics span {
  margin-bottom: 5px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.v61EvidenceMetrics b {
  color: #163a31;
  font-size: 18px;
}
.v61Audience,
.v61ReasonGrid,
.v61DeliveryGrid,
.v61TwoColumns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.v61Audience {
  margin: 18px 0;
}
.v61Audience > div,
.v61ReasonGrid > div,
.v61DeliveryGrid > div {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--soft);
}
.v61Audience span,
.v61ReasonGrid span {
  display: block;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.v61Audience b {
  line-height: 1.45;
}
.v61PrimaryTitle {
  position: relative;
  padding: 22px;
  margin: 16px 0;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #073f35, #0e725c);
}
.v61PrimaryTitle.previewOnly {
  color: #413317;
  background: linear-gradient(135deg, #fff7df, #f4dfaa);
  border: 1px solid #dfbd6e;
}
.v61PrimaryTitle > span,
.v61ExperimentGrid span {
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.09em;
  opacity: 0.78;
}
.v61PrimaryTitle h3 {
  margin: 9px 0;
  max-width: 980px;
  font-size: clamp(21px, 3vw, 31px);
  line-height: 1.3;
}
.v61PrimaryTitle p {
  max-width: 900px;
  line-height: 1.55;
  opacity: 0.88;
}
.v61PrimaryTitle button {
  color: #073f35;
  background: #fff;
  border-color: #fff;
}
.v61PrimaryTitle.previewOnly button:disabled {
  color: #6e5b31;
  background: #fffaf0;
  border-color: #d7bb7d;
  opacity: 1;
}
.v61ExperimentGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.v61ExperimentGrid > div {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.v61ExperimentGrid b {
  display: block;
  margin: 8px 0;
  font-size: 17px;
  line-height: 1.45;
}
.v61ExperimentGrid p {
  color: var(--muted);
  line-height: 1.5;
}
.v61ReasonGrid {
  margin: 16px 0;
}
.v61ReasonGrid p,
.v61DeliveryGrid p {
  margin: 0;
  line-height: 1.55;
}
.v61SeoPack {
  padding: 18px;
  margin: 16px 0;
  border: 1px solid #c7dfd8;
  border-radius: 14px;
  background: #f4faf8;
}
.v61SeoPack h3 {
  margin: 5px 0;
}
.v61SeoPack > p {
  line-height: 1.6;
  white-space: pre-wrap;
}
.v61ChipRow {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 10px 0;
}
.v61ChipRow span {
  padding: 6px 9px;
  border: 1px solid var(--line);
  border-radius: 99px;
  background: #fff;
  color: #3f504b;
  font-size: 11px;
}
.v61ChipRow.accent span {
  color: #075f4b;
  border-color: #9bd7c7;
  background: #e8f8f3;
}
.v61DeliveryGrid {
  margin: 16px 0;
}
.v61DeliveryGrid h3,
.v61TwoColumns h3 {
  margin: 0 0 10px;
}
.v61DeliveryGrid ul,
.v61TwoColumns ul {
  margin: 0;
  padding-left: 18px;
}
.v61DeliveryGrid li,
.v61TwoColumns li {
  margin: 7px 0;
  line-height: 1.45;
}
.v61Evidence {
  margin-top: 15px;
}
.v61Evidence summary,
.v61SeoPack summary,
.v61BlueprintCard summary,
.v61History summary {
  cursor: pointer;
  color: var(--green);
  font-weight: 800;
}
.v61ReviewCard {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) minmax(260px, 0.8fr) auto;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  border-color: #e9c36b;
}
.v61ReviewCard h2 {
  margin: 6px 0;
}
.v61ReviewCard p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}
.v61ReviewCard textarea,
.v61ReviewInline textarea {
  min-height: 76px;
  resize: vertical;
}
.v61ManagementGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 22px 0 14px;
}
.v61ManagementGrid h2 {
  margin: 7px 0;
}
.v61ManagementGrid p {
  color: var(--muted);
  line-height: 1.45;
}
.v61ManagementGrid small {
  display: block;
  margin: 10px 0;
  color: var(--muted);
  line-height: 1.45;
}
.v61AuditCard {
  margin-bottom: 14px;
}
.v61TraceGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.v61TraceGrid > div {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--soft);
}
.v61TraceGrid > div.complete {
  border-color: #a8d9cc;
  background: #effaf7;
}
.v61TraceGrid > div > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--nav);
  color: #fff;
  font-weight: 900;
}
.v61TraceGrid b,
.v61TraceGrid small {
  display: block;
}
.v61TraceGrid small {
  margin-top: 3px;
  color: var(--muted);
}
.v61Digest {
  display: block;
  margin-top: 12px;
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.v61RunCard {
  margin-bottom: 14px;
}
.v61RunCard.stalled {
  border-color: #e3b04b;
  background: #fffdf7;
}
.v61RunHeader h2 {
  margin: 6px 0;
}
.v61RunHeader p {
  margin: 4px 0 6px;
  color: var(--muted);
  line-height: 1.45;
}
.v61RunHeader small {
  color: var(--muted);
}
.v62StalledNotice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  margin: 13px 0;
  border: 1px solid #e8c16e;
  border-radius: 11px;
  background: #fff4d8;
}
.v62StalledNotice b,
.v62StalledNotice span {
  display: block;
}
.v62StalledNotice span {
  margin-top: 3px;
  color: #70551d;
  font-size: 11px;
}
.v61Progress {
  height: 8px;
  margin: 12px 0;
  overflow: hidden;
  border-radius: 99px;
  background: #dde5e2;
}
.v61Progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--green2), #37b993);
  transition: width 0.25s;
}
.v61StageList {
  display: grid;
  gap: 5px;
}
.v61StageList > div {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 9px;
  background: var(--soft);
}
.v61StageList small {
  grid-column: 1 / -1;
}
.v61StageList .stageTime {
  color: var(--muted);
}
.v61StageList .stageError {
  color: var(--red);
}
.v61StageList > div.backgroundPending {
  border: 1px solid #a8d9cc;
  background: #effaf7;
}
.v61StageList .stagePending {
  color: var(--green);
  font-weight: 700;
}
.v82CompletedStandardRun {
  border-color: #9bd7c7;
  background: linear-gradient(135deg, #f0faf7, #fff);
}
.v82StageDetails {
  grid-column: 1 / -1;
  min-width: 0;
}
.v82StageDetails > summary,
.v82RunDetails > summary,
.v82RunPayloads summary {
  width: fit-content;
  cursor: pointer;
  color: var(--green);
  font-size: 11px;
  font-weight: 800;
}
.v82StageMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  padding: 8px 0;
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
}
.v82StagePayloads,
.v82RunPayloads {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
}
.v82StagePayloads > div,
.v82RunPayloads > details {
  min-width: 0;
}
.v82StagePayloads pre,
.v82RunPayloads pre {
  max-height: 360px;
  margin: 6px 0 0;
  padding: 10px;
  overflow: auto;
  border-radius: 8px;
  color: #d9eee8;
  background: #082f2a;
  font-size: 10px;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.v83StageExplanation {
  margin: 12px 0;
  padding: 10px 12px;
  border-left: 3px solid var(--green);
  border-radius: 0 10px 10px 0;
  background: #158c7b12;
  color: var(--ink);
  line-height: 1.55;
}
.v83ReadableGrid,
.v83AiTraceSummary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}
.v83ReadableGrid > div,
.v83AiTraceSummary > span {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--paper);
}
.v83ReadableGrid dt,
.v83AiTraceSummary b {
  display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.v83ReadableGrid dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-weight: 800;
}
.v83AiReadableOutput section {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--paper);
}
.v83AiReadableOutput h4 {
  margin: 0 0 8px;
}
.v83AiReadableOutput p {
  margin: 6px 0;
  line-height: 1.55;
}
.v83AiReadableOutput ol,
.v83AiReadableOutput ul {
  display: grid;
  gap: 7px;
  margin: 8px 0 0;
  padding-left: 20px;
}
.v83AiReadableOutput li > b {
  margin-right: 7px;
  color: var(--green);
}
.v83OpportunityList {
  display: grid;
  gap: 9px;
}
.v83OpportunityList article {
  padding: 10px;
  border-radius: 10px;
  background: var(--soft);
}
.v83TechnicalDetails {
  margin-top: 12px;
  padding-top: 9px;
  border-top: 1px dashed var(--line);
}
.v83TechnicalDetails > summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.v61Section {
  margin-top: 28px;
}
.v61BenchmarkForm {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 180px auto;
  gap: 10px;
  margin: 12px 0;
}
.v61BenchmarkGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.v61BenchmarkCard {
  min-width: 0;
}
.v61BenchmarkIdentity {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.v61BenchmarkIdentity img,
.v61BenchmarkIdentity > span {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border-radius: 50%;
  object-fit: cover;
  background: var(--soft);
  display: grid;
  place-items: center;
  font-weight: 900;
}
.v61BenchmarkIdentity div {
  min-width: 0;
}
.v61BenchmarkIdentity b,
.v61BenchmarkIdentity small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v61BenchmarkIdentity small {
  margin-top: 3px;
  color: var(--muted);
}
.v61BenchmarkStats {
  display: flex;
  gap: 7px;
  margin: 12px 0 8px;
}
.v61BenchmarkStats span {
  padding: 5px 8px;
  border-radius: 8px;
  background: var(--soft);
  color: var(--muted);
  font-size: 11px;
}
.v61BenchmarkActions {
  margin-top: 12px;
}
.v61CandidateGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.v61CandidateGrid p {
  color: var(--muted);
}
.v61BlueprintCard pre {
  max-height: 400px;
  overflow: auto;
  padding: 13px;
  border-radius: 10px;
  color: #dff8f1;
  background: #0b322b;
  font-size: 11px;
  white-space: pre-wrap;
}
.v61ReviewInline {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid var(--line);
}
.v61ReviewInline textarea {
  flex: 1 1 300px;
}
.v61OutcomeGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.v61OutcomeGrid > div {
  padding: 12px;
  border-radius: 10px;
  background: var(--soft);
}
.v61OutcomeGrid b,
.v61OutcomeGrid span {
  display: block;
}
.v61OutcomeGrid span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
}
.v61LinkOutcome select {
  min-width: 320px;
  flex: 1;
}
.v65LearningExplainer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
  border-color: #b9ddd3;
  background: linear-gradient(135deg, #f1faf7, #fffdf7);
}
.v65LearningExplainer > div {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  align-items: start;
}
.v65LearningExplainer > div > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #fff;
  background: var(--green);
  font-weight: 800;
}
.v65LearningExplainer p,
.v65LearningExplainer small,
.v65LearningExplainer b {
  display: block;
  margin: 0;
}
.v65LearningExplainer small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.45;
}
.v65LearningRule {
  grid-column: 1 / -1;
  padding: 11px 13px;
  border-radius: 10px;
  color: #624d1c;
  background: #fff4d8;
  line-height: 1.5;
}
.v65TrackedAssignments {
  display: grid;
  gap: 14px;
}
.v65TrackedAssignment {
  border-color: #c9ded8;
}
.v65TrackedHeader,
.v65LinkedVideoActions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.v65TrackedHeader h3 {
  margin: 6px 0 0;
  line-height: 1.4;
}
.v65TrackedHeaderActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.v65TrackedHeaderActions button {
  white-space: nowrap;
}
.v65RecommendationPair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.v65RecommendationPair > div {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--soft);
}
.v65RecommendationPair span {
  display: block;
  margin-bottom: 5px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.v65RecommendationPair b {
  display: block;
  line-height: 1.45;
}
.v65LinkedVideoActions {
  align-items: center;
  margin: 10px 0 14px;
}
.v65LinkedVideoActions small {
  color: var(--muted);
}
.v65OutcomeLinkForm {
  display: grid;
  gap: 9px;
  padding: 13px;
  margin: 10px 0 14px;
  border: 1px solid #e5c572;
  border-radius: 11px;
  background: #fffaf0;
}
.v65OutcomeLinkForm label {
  display: grid;
  gap: 6px;
  color: #493b1d;
  font-weight: 700;
}
.v65OutcomeLinkForm > div {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.v65OutcomeLinkForm > small {
  color: #765b20;
  line-height: 1.45;
}
.v65RevokedAssignments {
  margin-top: 18px;
  padding: 14px 16px;
  border: 1px dashed #d7bbb8;
  border-radius: 12px;
  background: #fff9f8;
}
.v65RevokedAssignments summary {
  cursor: pointer;
  color: #7a3e39;
  font-weight: 800;
}
.v65RevokedAssignments > p {
  margin: 10px 0;
  color: var(--muted);
  line-height: 1.5;
}
.v65RevokedAssignments > div {
  display: grid;
  gap: 9px;
}
.v65RevokedAssignments article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px;
  border: 1px solid #ead8d6;
  border-radius: 10px;
  background: #fff;
}
.v65RevokedAssignments article > div {
  display: grid;
  gap: 4px;
}
.v65RevokedAssignments article small {
  color: var(--muted);
  line-height: 1.45;
}
.v61History {
  margin-top: 24px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.v61History > div {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}
.v61History > div > div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  background: var(--soft);
}
.v61History small {
  grid-column: 1 / -1;
  color: var(--red);
}
.v62Archive {
  margin-top: 30px;
  padding: 14px 16px;
  border: 1px dashed #bdcac6;
  border-radius: 12px;
  background: #f8faf9;
}
.v62Archive summary {
  cursor: pointer;
  color: #52635e;
  font-weight: 700;
}
.v62Archive p {
  color: var(--muted);
  line-height: 1.5;
}
.v62Archive > div {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.v62Archive a {
  color: var(--green);
  font-size: 12px;
  font-weight: 700;
}
.v62RunHistory {
  display: grid;
  gap: 7px;
}
.v62RunHistory > div:not(.sectionTitle),
.v62RunHistory > .v82RunHistoryItem {
  display: grid;
  gap: 12px;
  padding: 11px 12px;
  border-radius: 10px;
  background: var(--soft);
}
.v82RunHistorySummary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}
.v62RunHistory b,
.v62RunHistory span,
.v62RunHistory small {
  display: block;
}
.v62RunHistory span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
}
.v62RunHistory small {
  margin-top: 5px;
  color: var(--red);
}
.v82RunDetails dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 11px 0;
}
.v82RunDetails dl > div {
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: #fff;
}
.v82RunDetails dt {
  color: var(--muted);
  font-size: 10px;
}
.v82RunDetails dd {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
}
.v82RunDetails .v61StageList {
  margin: 12px 0;
}
.v62PolicyCard {
  margin-top: 14px;
  border-color: #c5ded7;
  background: #f4faf8;
}
.v62PolicyCard h2 {
  margin: 7px 0;
}
.v62PolicyCard p {
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.55;
}
@media (max-width: 1120px) {
  .v61ManagementGrid,
  .v61TraceGrid,
  .v61ReviewCard {
    grid-template-columns: 1fr;
  }
  .v61OutcomeGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .v65LearningExplainer {
    grid-template-columns: 1fr;
  }
  .v65LearningRule {
    grid-column: auto;
  }
}
@media (max-width: 760px) {
  .v61HeaderActions,
  .v61AssignmentTop,
  .v61RunHeader,
  .v61ReviewActions,
  .v62StalledNotice {
    align-items: stretch;
    flex-direction: column;
  }
  .v61DecisionBar,
  .v61Audience,
  .v61ReasonGrid,
  .v61DeliveryGrid,
  .v61TwoColumns,
  .v61ExperimentGrid,
  .v61BenchmarkGrid,
  .v61CandidateGrid,
  .v61BenchmarkForm,
  .v61OutcomeGrid,
  .v61EvidenceMetrics,
  .v65RecommendationPair {
    grid-template-columns: 1fr;
  }
  .v61HeaderActionBlock {
    justify-items: stretch;
    max-width: none;
  }
  .v61ActionHint {
    text-align: left;
  }
  .v61AssignmentBadges {
    justify-content: flex-start;
  }
  .v61PrimaryTitle {
    padding: 17px;
  }
  .v61LinkOutcome {
    align-items: stretch;
    flex-direction: column;
  }
  .v61LinkOutcome select {
    min-width: 0;
    width: 100%;
  }
  .v65TrackedHeader,
  .v65LinkedVideoActions,
  .v65TrackedHeaderActions {
    align-items: stretch;
    flex-direction: column;
  }
  .v65TrackedHeaderActions button,
  .v65RevokedAssignments article button {
    width: 100%;
  }
  .v65RevokedAssignments article {
    align-items: stretch;
    flex-direction: column;
  }
  .v62RunHistory > div:not(.sectionTitle) {
    grid-template-columns: 1fr;
  }
}
.buttonLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-decoration: none;
}
.candidateFilterGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(170px, 1fr));
  gap: 8px;
  width: min(100%, 980px);
}
.candidateFilterGrid input,
.candidateFilterGrid select {
  min-width: 0;
  width: 100%;
}
.channelCandidateGrid .candidateCard {
  min-width: 0;
}
.periodToggle {
  display: flex;
  gap: 7px;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.periodToggle button {
  min-width: 76px;
}
.periodToggle button.active {
  color: #fff;
  border-color: var(--nav);
  background: var(--nav);
}
.portfolioDateControls {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 8px;
  max-width: 720px;
}
.customDateRange {
  display: flex;
  align-items: flex-end;
  gap: 7px;
  padding: 7px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.customDateRange label {
  display: grid;
  gap: 3px;
}
.customDateRange label span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.customDateRange input {
  width: 142px;
  min-width: 0;
  padding: 8px 9px;
}
.customDateRange button {
  min-height: 38px;
  white-space: nowrap;
}
.portfolioKpis {
  margin-bottom: 16px;
}
.portfolioChartCard,
.portfolioMetricsTable {
  margin-bottom: 18px;
}
.portfolioFreshness {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  padding: 10px 12px;
  margin-bottom: 10px;
  border: 1px solid #c8ddd7;
  border-radius: 11px;
  color: #2e4b45;
  background: #f2faf7;
  font-size: 12px;
}
.portfolioFreshness span {
  color: var(--muted);
}
.portfolioChart {
  min-width: 0;
}
.portfolioChart svg {
  display: block;
  width: 100%;
  min-height: 250px;
  overflow: visible;
}
.portfolioChart svg line {
  stroke: #dbe5e1;
  stroke-width: 1;
}
.portfolioChart svg text {
  fill: var(--muted);
  font-size: 11px;
}
.portfolioChart svg .portfolioPendingZone {
  fill: #f4efe4;
  opacity: 0.78;
}
.portfolioLegend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 8px;
}
.portfolioLegend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #42534e;
  font-size: 12px;
  font-weight: 700;
}
.portfolioLegend i {
  width: 22px;
  height: 4px;
  border-radius: 99px;
}
.portfolioMetricsTable .tableScroll {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.portfolioMetricsTable table {
  width: 100%;
  min-width: 1190px;
  border-collapse: collapse;
}
.portfolioMetricsTable th,
.portfolioMetricsTable td {
  padding: 11px 12px;
  border-bottom: 1px solid var(--line);
  text-align: right;
  white-space: nowrap;
}
.portfolioMetricsTable th:first-child,
.portfolioMetricsTable td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  text-align: left;
  background: #fff;
}
.portfolioMetricsTable th {
  color: var(--muted);
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.portfolioEvaluationTitle {
  margin-top: 30px;
}
.portfolioChannels .portfolioRole {
  padding: 14px;
  margin: 13px 0;
  border: 1px solid #c8ddd7;
  border-radius: 12px;
  background: #f3faf8;
}
.v64ScriptSeo {
  padding: 18px;
  margin: 16px 0;
  border: 1px solid #d7c28e;
  border-radius: 14px;
  background: linear-gradient(145deg, #fffdf7, #f5faf8);
}
.v64ScriptSeo textarea {
  width: 100%;
  min-height: 260px;
  resize: vertical;
  font: inherit;
  line-height: 1.55;
}
.v64ScriptActions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.v64ScriptActions small {
  margin-left: auto;
  color: var(--muted);
}
.v64ScriptActions label {
  cursor: pointer;
}
.v64ScriptActions label input {
  display: none;
}
.v64SeoTraceGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin: 14px 0;
}
.v64SeoTraceGrid > div {
  display: grid;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
}
.v64SeoTraceGrid > div.completed {
  border-color: #9fd4c5;
  background: #effaf7;
}
.v64SeoTraceGrid > div.failed {
  border-color: #e7aaa4;
  background: #fff5f4;
}
.v64SeoTraceGrid > div > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #fff;
  background: var(--nav);
  font-weight: 900;
}
.v64SeoTraceGrid b,
.v64SeoTraceGrid small {
  display: block;
}
.v64SeoTraceGrid small {
  margin-top: 3px;
  color: var(--muted);
}
.v64FinalSeoPack {
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
.v64SeoOutput {
  padding: 17px;
  border: 1px solid #c8ddd7;
  border-radius: 12px;
  background: #fff;
}
.v64SeoOutput h4 {
  margin: 16px 0 7px;
}
.v64SeoOutput h4:first-child {
  margin-top: 0;
}
.v64SeoOutput p {
  white-space: pre-wrap;
  line-height: 1.65;
}
.v64Chapters {
  display: grid;
  gap: 5px;
}
.v64Chapters span {
  padding: 8px 10px;
  border-radius: 8px;
  background: var(--soft);
}
.v64Chapters b {
  display: inline-block;
  min-width: 48px;
  color: var(--green);
}
@media (max-width: 1120px) {
  .candidateFilterGrid {
    grid-template-columns: repeat(2, minmax(170px, 1fr));
  }
  .v64SeoTraceGrid {
    grid-template-columns: 1fr;
  }
  .headerActions:has(.portfolioDateControls) {
    width: 100%;
  }
  .portfolioDateControls {
    justify-content: flex-start;
    max-width: none;
    width: 100%;
  }
}
@media (max-width: 760px) {
  .candidateFilterGrid {
    grid-template-columns: 1fr;
  }
  .periodToggle {
    width: 100%;
  }
  .periodToggle button {
    flex: 1;
    min-width: 0;
  }
  .customDateRange {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .customDateRange input {
    width: 100%;
  }
  .customDateRange button {
    grid-column: 1 / -1;
    width: 100%;
  }
  .portfolioChart {
    overflow-x: auto;
  }
  .portfolioChart svg {
    min-width: 720px;
  }
  .v64ScriptActions {
    align-items: stretch;
    flex-direction: column;
  }
  .v64ScriptActions small {
    margin-left: 0;
  }
}
.mainContent,
.intelligenceV61 {
  max-width: none;
}
.mainContent {
  margin: 0;
}
.mainContent > *,
.card,
.card > *,
.sectionTitle > *,
.pageHeader > *,
.v61DeliveryGrid > div,
.v61ReasonGrid > div,
.v61Audience > div,
.candidateCard,
.portfolioRole {
  min-width: 0;
}
.card p,
.card li,
.warningBox,
.dangerPanel,
.toast,
.empty p,
.selectedAsset,
.assetText,
.copyBox,
.cellNote,
.submissionNote,
.strategyBanner,
.v61Message {
  overflow-wrap: anywhere;
  word-break: normal;
}
.assetText,
.copyBox,
.transcript {
  max-width: 100%;
  white-space: pre-wrap;
}
.assetText {
  overflow-x: auto;
}
.evidencePills {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 10px 0;
}
.evidencePills span {
  max-width: 100%;
  padding: 6px 9px;
  overflow: hidden;
  border: 1px solid #c5ded7;
  border-radius: 999px;
  color: #126351;
  background: #edf8f5;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.measurementPlanCards {
  display: grid;
  gap: 9px;
}
.measurementPlanCards section {
  padding: 10px 12px;
  border: 1px solid #dce5e1;
  border-radius: 10px;
  background: #fff;
}
.measurementPlanCards h4 {
  margin: 0 0 6px;
  color: #164f44;
  font-size: 12px;
}
.measurementPlanCards ul {
  margin: 0;
}
.v64BlueprintDetails {
  margin-top: 15px;
}
.v64BlueprintDetails > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.v64BlueprintDetails section {
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
}
.v64BlueprintDetails h3 {
  margin: 0 0 8px;
}
.v64BlueprintDetails ul {
  margin: 0;
  padding-left: 18px;
}
.v64BlueprintDetails li {
  margin: 6px 0;
  line-height: 1.5;
}
.auditEntity {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}
.dataTable,
.tableScroll,
.accessMatrix {
  max-width: 100%;
  overflow-x: auto;
}
@media (min-width: 1680px) {
  .mainContent {
    padding-inline: clamp(48px, 3.2vw, 76px);
  }
}
@media (max-width: 1120px) {
  .v61DeliveryGrid,
  .v61ReasonGrid,
  .v64BlueprintDetails > div {
    grid-template-columns: 1fr;
  }
}
.benchmarkWorkflowCard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.benchmarkWorkflowCard h2 {
  margin: 5px 0 8px;
}
.benchmarkWorkflowCard p {
  max-width: 850px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.benchmarkWorkflowSteps {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
}
.benchmarkWorkflowSteps span {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid #c7ddd6;
  border-radius: 999px;
  color: #155e50;
  background: #f0f8f6;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.benchmarkWorkflowSteps b {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #176b5b;
}
.benchmarkPilotNotice {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 14px 0;
}
.benchmarkSection {
  margin-top: 24px;
  scroll-margin-top: 24px;
}
.approvedBenchmarkGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}
.approvedBenchmarkCard {
  display: grid;
  gap: 13px;
}
.approvedBenchmarkIdentity {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.approvedBenchmarkIdentity img,
.approvedBenchmarkIdentity .avatar {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 50%;
  object-fit: cover;
}
.approvedBenchmarkIdentity h3 {
  margin: 7px 0 2px;
}
.approvedBenchmarkFacts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.approvedBenchmarkFacts span {
  padding: 7px 9px;
  border-radius: 8px;
  color: #3a554e;
  background: #f3f6f5;
  font-size: 11px;
}
.benchmarkRecommendationHeader {
  gap: 18px;
}
.benchmarkRecommendationHeader input {
  width: min(280px, 100%);
}
.benchmarkCandidateV65 {
  display: grid;
  gap: 14px;
}
.benchmarkFitFacts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.benchmarkReasonBox {
  padding: 12px;
  border: 1px solid #c5ded7;
  border-radius: 10px;
  background: #f2faf7;
}
.benchmarkReasonBox > b {
  display: block;
  margin-bottom: 8px;
  color: #155e50;
}
.benchmarkApprovalOptions {
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fafcfb;
}
.benchmarkApprovalOptions summary {
  cursor: pointer;
  color: #31554d;
  font-size: 12px;
  font-weight: 700;
}
.benchmarkApprovalOptions .candidateDecisionPanel {
  margin-top: 12px;
}
.benchmarkApprovalActions {
  align-items: center;
}
.kpiDate {
  font-size: clamp(16px, 1.8vw, 23px) !important;
}
.dangerText {
  color: #a13f3f;
}
@media (max-width: 900px) {
  .benchmarkWorkflowCard {
    align-items: flex-start;
    flex-direction: column;
  }
  .benchmarkWorkflowSteps {
    justify-content: flex-start;
  }
  .benchmarkFitFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .benchmarkFitFacts {
    grid-template-columns: 1fr;
  }
  .benchmarkApprovalActions button {
    width: 100%;
  }
}
.v8DiscoveryWorkflow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: flex-start;
}
.v8WorkflowActions {
  display: grid;
  min-width: min(100%, 310px);
  gap: 9px;
}
.v8WorkflowStatus {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  width: 100%;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
.v8WorkflowStatus span {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid #dce8e4;
  border-radius: 11px;
  background: #f7faf8;
}
.v8WorkflowStatus small {
  color: var(--muted);
  line-height: 1.4;
}
.v8DiscoveryBlockReason,
.v8MarketEntryCard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.v8DiscoveryBlockReason > div,
.v8MarketEntryCard > div {
  display: grid;
  gap: 6px;
}
.v8DiscoveryBlockReason span,
.v8MarketEntryCard p {
  color: var(--muted);
  line-height: 1.5;
}
.v8MarketEntryCard {
  margin: 16px 0;
  border-color: #9bcfc4;
  background: linear-gradient(135deg, #eef9f6, #fffdf8);
}
.v8MarketEntryCard h2,
.v8MarketEntryCard p {
  margin: 0;
}
.v8FunnelCard,
.v8KeywordPlanCard,
.v82KeywordJobHistory {
  margin-top: 14px;
}
.v82KeywordJobHistory .sectionTitle {
  align-items: flex-start;
}
.v82KeywordJobHistory .sectionTitle p {
  max-width: 820px;
  line-height: 1.5;
}
.v82KeywordJobList {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}
.v82KeywordJobList > article {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: var(--soft);
}
.v82KeywordJobList > article.active {
  border-color: #9bd7c7;
  background: #f0faf7;
}
.v82KeywordJobList > article.failed {
  border-color: #efc5bf;
  background: #fff9f8;
}
.v82KeywordJobSummary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}
.v82KeywordJobSummary b,
.v82KeywordJobSummary small,
.v82KeywordJobSummary span {
  display: block;
}
.v82KeywordJobSummary small {
  margin-top: 4px;
  color: var(--muted);
}
.v82KeywordJobSummary span {
  max-width: 900px;
  margin-top: 6px;
  color: var(--red);
  font-size: 11px;
  line-height: 1.45;
}
.v82JobProgress {
  height: 7px;
  margin: 10px 0;
  overflow: hidden;
  border-radius: 99px;
  background: #dfe8e5;
}
.v82JobProgress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--green2), #37b993);
  transition: width 0.25s;
}
.v82JobDetails summary {
  width: fit-content;
  cursor: pointer;
  color: var(--green);
  font-size: 11px;
  font-weight: 800;
}
.v82JobDetails dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 11px 0;
}
.v82JobDetails dl > div {
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: #fff;
}
.v82JobDetails dt {
  color: var(--muted);
  font-size: 10px;
}
.v82JobDetails dd {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
}
.v82JobJsonGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
}
.v82JobJsonGrid > div {
  min-width: 0;
}
.v82JobJsonGrid pre {
  max-height: 260px;
  margin: 6px 0 0;
  padding: 10px;
  overflow: auto;
  border-radius: 8px;
  color: #d9eee8;
  background: #082f2a;
  font-size: 10px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.v8FunnelGrid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.v8FunnelGrid span {
  display: grid;
  gap: 3px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--muted);
  background: #f8faf9;
  font-size: 11px;
}
.v8FunnelGrid b {
  color: var(--ink);
  font-size: 22px;
}
.v8KeywordPlanCard .sectionTitle {
  align-items: flex-start;
}
.v8KeywordPlanCard .sectionTitle p {
  max-width: 900px;
  line-height: 1.55;
}
.v8KeywordChips {
  margin-top: 12px;
}
.v8KeywordChips span {
  white-space: normal;
}
.v8ReferenceGrid {
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}
.v8ReferenceFacts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.v8ReferenceFacts span {
  display: grid;
  gap: 3px;
}
.v8ReferenceFacts .publicViewFact {
  border-color: #9bd7c7;
  background: #effaf7;
}
.referenceGrowthEmpty {
  display: grid;
  min-height: 62px;
  place-items: center;
  padding: 10px;
  border: 1px dashed #bed3cd;
  border-radius: 10px;
  color: var(--muted);
  background: #f8fbfa;
  font-size: 11px;
  text-align: center;
}
.referenceGrowthChart {
  display: grid;
  gap: 4px;
}
.referenceGrowthChart svg {
  width: 100%;
  height: 64px;
  overflow: visible;
}
.growthArea {
  fill: #1889741f;
}
.growthLine {
  fill: none;
  stroke: #0c796c;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}
.referenceGrowthChart span {
  color: var(--muted);
  font-size: 10px;
}
.referenceGrowthChart.singlePoint circle {
  fill: #0c796c;
  vector-effect: non-scaling-stroke;
}
.referenceCardActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.youtubeDirectLink,
.secondaryLink {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: #185e54;
  background: #fff;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}
.youtubeDirectLink {
  border-color: #efb5b1;
  color: #b42a25;
  background: #fff8f7;
}
.youtubeDirectLink:hover,
.secondaryLink:hover {
  border-color: #7fb9ad;
  transform: translateY(-1px);
}
.referenceCardActions .compactButton {
  min-height: 34px;
  padding: 7px 10px;
  font-size: 11px;
}
.approvedBenchmarkIdentity h3 a,
.candidateHeader h2 a {
  color: inherit;
  text-decoration: none;
}
.approvedBenchmarkIdentity h3 a:hover,
.candidateHeader h2 a:hover {
  color: var(--green);
  text-decoration: underline;
}
.v8VideoTable {
  display: grid;
  gap: 8px;
}
.v8VideoTable > a {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: inherit;
  background: #fff;
  text-decoration: none;
}
.v8VideoTable > a:hover {
  border-color: #8dbcb2;
  box-shadow: 0 8px 20px #114b4012;
}
.v8VideoTable img,
.v8VideoTable .videoFallback {
  display: grid;
  width: 120px;
  aspect-ratio: 16/9;
  place-items: center;
  border-radius: 8px;
  object-fit: cover;
  color: #fff;
  background: #315c54;
}
.v8VideoTable b,
.v8VideoTable small {
  display: block;
}
.v8VideoTable small {
  margin-top: 4px;
  color: var(--muted);
}
.v8VideoVelocity {
  min-width: 120px;
  text-align: right;
}
.v8VideoVelocity > b {
  color: #0b786b;
  font-size: 17px;
}
.v8CandidateTabs {
  margin-top: 12px;
}
.v8CandidateTabs button {
  font-size: 12px;
}
.candidateExclusionNotice {
  display: grid;
  gap: 4px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid #e1b6b1;
  border-radius: 12px;
  color: #7e3731;
  background: #fff7f6;
}
.candidateExclusionNotice span {
  color: #735b57;
  font-size: 12px;
  line-height: 1.5;
}
.referenceProfileHero {
  display: grid;
  grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1.6fr);
  gap: 14px;
  margin: 18px 0;
}
.referenceProfileIdentity {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.referenceProfileIdentity img,
.referenceProfileIdentity .avatar {
  width: 78px;
  height: 78px;
  flex: 0 0 78px;
  border-radius: 50%;
  object-fit: cover;
}
.referenceProfileIdentity h2,
.referenceProfileIdentity p {
  margin: 0 0 5px;
}
.referenceProfileIdentity span {
  display: -webkit-box;
  overflow: hidden;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}
.referenceKpiGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.referenceKpiGrid .card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 102px;
}
.referenceKpiGrid .publicViewKpi {
  border-color: #8fcfc0;
  background: linear-gradient(135deg, #eaf8f4, #fff);
}
.referenceKpiGrid b {
  color: #0b7065;
  font-size: clamp(19px, 2vw, 28px);
}
.referenceKpiGrid span {
  color: var(--muted);
  font-size: 11px;
}
.referenceAnalysisSection {
  margin-top: 14px;
}
.referenceDetailChart {
  display: grid;
  gap: 7px;
}
.referenceDetailChart svg {
  width: 100%;
  height: 230px;
  border: 1px solid #dce9e5;
  border-radius: 12px;
  background:
    linear-gradient(to bottom, transparent 24%, #edf3f1 25%, transparent 26%),
    linear-gradient(to bottom, transparent 49%, #edf3f1 50%, transparent 51%),
    linear-gradient(to bottom, transparent 74%, #edf3f1 75%, transparent 76%),
    #fbfdfc;
}
.referenceDetailChart > div {
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font-size: 11px;
}
.referenceDetailChart.singlePoint circle {
  fill: #0c796c;
  vector-effect: non-scaling-stroke;
}
.referenceAnalysisGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.referenceAnalysisSection h2 {
  margin: 5px 0 15px;
}
.referenceAnalysisSection h3 {
  margin: 18px 0 8px;
  font-size: 12px;
}
.referenceMetricList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.referenceMetricList span {
  display: grid;
  gap: 3px;
  padding: 12px;
  border: 1px solid #dfe9e6;
  border-radius: 10px;
  color: var(--muted);
  background: #f8faf9;
  font-size: 11px;
}
.referenceMetricList b {
  color: var(--ink);
  font-size: 18px;
}
.referenceEvidenceContract {
  margin-top: 18px;
  border-color: #95c9be;
  background: linear-gradient(135deg, #edf9f6, #fffdf8);
}
.referenceEvidenceContract h2 {
  margin: 5px 0 10px;
}
.referenceEvidenceContract li {
  margin: 7px 0;
  color: #355a52;
  line-height: 1.5;
}
.videoRepairToolbar {
  grid-template-columns: minmax(260px, 1fr) minmax(220px, 320px);
}
.videoRepairQueue .metricCells small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
}
.videoRepairQueue .statusStack {
  min-width: 190px;
}
.videoRepairQueue .compactButton {
  width: fit-content;
  margin-top: 5px;
  white-space: normal;
}
@media (max-width: 700px) {
  .videoRepairToolbar {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1050px) {
  .v8FunnelGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .v8DiscoveryWorkflow {
    grid-template-columns: 1fr;
  }
  .v8WorkflowActions {
    width: 100%;
  }
  .v8WorkflowStatus {
    grid-template-columns: 1fr;
  }
  .v8DiscoveryBlockReason,
  .v8MarketEntryCard {
    align-items: stretch;
    flex-direction: column;
  }
  .v8FunnelGrid,
  .v8ReferenceFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v8VideoTable > a {
    grid-template-columns: 96px minmax(0, 1fr);
  }
  .v8VideoTable img,
  .v8VideoTable .videoFallback {
    width: 96px;
  }
  .v8VideoVelocity {
    grid-column: 2;
    min-width: 0;
    text-align: left;
  }
  .referenceProfileHero,
  .referenceAnalysisGrid {
    grid-template-columns: 1fr;
  }
  .referenceKpiGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .referenceMetricList {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 460px) {
  .v8FunnelGrid,
  .v8ReferenceFacts,
  .referenceKpiGrid {
    grid-template-columns: 1fr;
  }
}
button.danger,
.button.danger {
  border-color: #c7655f;
  color: #fff;
  background: #a94640;
}
button.secondary.danger,
.button.secondary.danger {
  border-color: #db9d98;
  color: #9b3d38;
  background: #fff7f6;
}
button.danger:hover:not(:disabled),
.button.danger:hover:not(:disabled) {
  filter: brightness(0.96);
}
.v65ReversalBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px;
  margin-top: 14px;
  border: 1px solid #ecd0cd;
  border-radius: 12px;
  background: #fff9f8;
}
.v65ReversalBar.restorable {
  border-color: #c8ddd7;
  background: #f5fbf9;
}
.v65ReversalBar h3,
.v65ReversalBar p,
.v65ReversalBar b,
.v65ReversalBar small {
  display: block;
  margin: 0;
}
.v65ReversalBar h3 {
  margin: 4px 0;
}
.v65ReversalBar p,
.v65ReversalBar small {
  color: var(--muted);
  line-height: 1.45;
}
.v61AssignmentCard.revoked {
  border-color: #dfaaa5;
  background: #fff9f8;
}
.v65LinkedVideoButtons,
.v65RunActions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  flex-wrap: wrap;
}
.v65RunActions {
  margin: 12px 0;
}
.v65RemovedItems {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px dashed #c7d2cf;
  border-radius: 11px;
  background: #fafcfb;
}
.v65RemovedItems summary {
  cursor: pointer;
  font-weight: 800;
}
.v65RemovedList {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.v65RemovedList > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
}
.v65RemovedList b,
.v65RemovedList small {
  display: block;
}
.v65RemovedList small {
  margin-top: 3px;
  color: var(--muted);
}
.v65ConfirmationModal {
  width: min(560px, 96vw);
}
.v65ConfirmationModal h2 {
  margin: 8px 0;
}
.v65ConfirmationModal > p {
  color: var(--muted);
  line-height: 1.55;
}
.v65ConfirmationModal label {
  display: grid;
  gap: 7px;
  margin-top: 16px;
  font-weight: 800;
}
.v65ConfirmationModal textarea {
  min-height: 96px;
  resize: vertical;
}
.v65ConfirmationModal label small {
  color: var(--muted);
  font-weight: 500;
  line-height: 1.45;
}
.aiCostModalBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: grid;
  place-items: center;
  padding: 24px;
  overflow-y: auto;
  background: #0421227a;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.aiCostConfirmation {
  display: grid;
  gap: 14px;
  width: min(760px, 100%);
  max-height: calc(100vh - 48px);
  margin: auto;
  padding: 18px;
  overflow-y: auto;
  border: 2px solid #d99a2b;
  border-radius: 14px;
  background: #fffaf0;
  box-shadow: 0 24px 70px #00191a52;
  outline: none;
}
.aiCostConfirmationHead,
.aiCostConfirmation .buttonRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.aiCostConfirmation h3 {
  margin: 4px 0 0;
}
.aiCostConfirmation p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.aiCostFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.aiCostFacts > div {
  padding: 10px;
  border: 1px solid #ead9b7;
  border-radius: 10px;
  background: #fff;
}
.aiCostFacts span,
.aiCostFacts b,
.aiBudgetLines small {
  display: block;
}
.aiCostFacts span,
.aiBudgetLines small {
  color: var(--muted);
}
.aiCostFacts b {
  margin-top: 3px;
}
.aiBudgetLines {
  display: grid;
  gap: 4px;
}
.aiCostConfirmation .warningBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 0;
}
@media (max-width: 700px) {
  .v83ReadableGrid,
  .v83AiTraceSummary {
    grid-template-columns: 1fr;
  }
  .v65ReversalBar,
  .v65RemovedList > div,
  .v65LinkedVideoActions {
    align-items: stretch;
    flex-direction: column;
  }
  .v65ReversalBar button,
  .v65RemovedList button,
  .v65LinkedVideoButtons button,
  .v65RunActions button {
    width: 100%;
  }
  .aiCostConfirmationHead,
  .aiCostConfirmation .buttonRow,
  .aiCostConfirmation .warningBox {
    align-items: stretch;
    flex-direction: column;
  }
  .aiCostFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .aiCostModalBackdrop {
    align-items: start;
    padding: 12px;
  }
  .aiCostConfirmation {
    max-height: calc(100vh - 24px);
  }
  .aiCostConfirmation .buttonRow button {
    width: 100%;
  }
}
.v985NextAction {
  display: grid;
  gap: 18px;
  margin-bottom: 14px;
  padding: 20px;
  border-width: 2px;
  background: #fff;
}
.v985NextAction-info {
  border-color: #91bfe8;
  background: linear-gradient(135deg, #f4f9ff, #fff);
}
.v985NextAction-warning {
  border-color: #e0b45b;
  background: linear-gradient(135deg, #fff9ec, #fff);
}
.v985NextAction-success {
  border-color: #68b99b;
  background: linear-gradient(135deg, #f1fbf7, #fff);
}
.v985NextActionMain {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.v985NextActionMain > div {
  max-width: 880px;
}
.v985NextAction h2 {
  margin: 5px 0 6px;
  font-size: clamp(21px, 2.2vw, 28px);
}
.v985NextAction p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.v985NextActionMain > button {
  min-width: 230px;
  min-height: 48px;
  padding-inline: 20px;
  font-size: 15px;
}
.v910AiPreflightProgress {
  display: grid;
  gap: 9px;
  padding: 13px 14px;
  border: 1px solid rgba(47, 117, 181, 0.28);
  border-radius: 12px;
  background: #f4f9ffe0;
}
.v910AiPreflightProgress > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 14px;
}
.v910AiPreflightProgress > div:first-child span,
.v910AiPreflightProgress small {
  color: var(--muted);
}
.v910AiPreflightProgressTrack {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #2f75b51f;
}
.v910AiPreflightProgressTrack > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2f75b5;
  transition: width 0.18s ease;
}
.v985PaidAiGuard {
  width: fit-content;
  margin-top: -7px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #1c84631a;
  color: #176a52;
  font-weight: 800;
}
.v985SimpleProgress {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.v985SimpleProgress > div {
  position: relative;
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 1px 8px;
  min-height: 66px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fffc;
}
.v985SimpleProgress > div > span {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #dfe7ed;
  color: #49606f;
  font-weight: 900;
}
.v985SimpleProgress small {
  color: var(--muted);
  font-weight: 700;
}
.v985SimpleProgress b {
  font-size: 13px;
}
.v985SimpleProgress > .isDone {
  border-color: #9bd2bd;
  background: #f2fbf7;
}
.v985SimpleProgress > .isDone > span {
  background: #1d8a69;
  color: #fff;
}
.v985SimpleProgress > .isActive {
  border-color: #82b7df;
  background: #f1f8fd;
}
.v985SimpleProgress > .isActive > span {
  background: #2677a9;
  color: #fff;
}
.v985SimpleProgress > .isWarning {
  border-color: #e3be73;
  background: #fff9ed;
}
.v985SimpleProgress > .isWarning > span {
  background: #bb7a15;
  color: #fff;
}
.v985TechnicalDetails {
  margin-bottom: 16px;
}
.v985TechnicalDetails > summary {
  width: fit-content;
  margin-left: auto;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.v985TechnicalDetails[open] > summary {
  margin-bottom: 10px;
}
.v985TechnicalDetails .v91DailyRefresh {
  margin-bottom: 0;
}
.v9113LiveActivity {
  margin-bottom: 16px;
  border-color: #9ec9bf;
  background:
    radial-gradient(circle at top right, rgba(88, 173, 158, 0.13), transparent 34%),
    linear-gradient(135deg, #f5fcfa, #fff);
}
.v9113LiveHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}
.v9113LiveHeader h2 {
  margin: 5px 0 3px;
  font-size: 21px;
}
.v9113LiveHeader p {
  max-width: 850px;
  margin: 0;
  color: var(--muted);
}
.v9113LiveHeader > small {
  flex: 0 0 auto;
  color: var(--muted);
  font-weight: 700;
}
.v9113LiveTaskList {
  display: grid;
  gap: 10px;
}
.v9113LiveTask {
  padding: 13px 14px;
  border: 1px solid #d6e2df;
  border-left-width: 4px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
}
.v9113LiveTask.is-working,
.v9113LiveTask.is-waiting_provider,
.v9113LiveTask.is-waiting_background {
  border-left-color: #2677a9;
}
.v9113LiveTask.is-completed {
  border-left-color: #1d8a69;
}
.v9113LiveTask.is-failed,
.v9113LiveTask.is-stalled {
  border-left-color: #c34c42;
  background: #fff8f7;
}
.v9113LiveTaskHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.v9113LiveTaskHead > div {
  display: grid;
  gap: 3px;
}
.v9113LiveTaskHead small,
.v9113LiveDetail,
.v9113RunId,
.v9113LiveEmpty {
  color: var(--muted);
}
.v9113LiveDetail {
  margin: 9px 0;
  line-height: 1.5;
}
.v9113LiveProgress {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5ecef;
}
.v9113LiveProgress > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2677a9, #53ad9b);
  transition: width 0.35s ease;
}
.v9113LiveTask.is-failed .v9113LiveProgress > span,
.v9113LiveTask.is-stalled .v9113LiveProgress > span {
  background: #c34c42;
}
.v9113LiveMeta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.v9113LiveMeta > span {
  display: grid;
  gap: 2px;
  padding: 7px 9px;
  border-radius: 9px;
  background: #f4f7f8;
}
.v9113LiveMeta small {
  color: var(--muted);
}
.v9113LiveMeta b {
  font-size: 12px;
}
.v9113AutoContinue {
  display: block;
  margin-top: 9px;
  color: #126d56;
  font-weight: 800;
}
.v9113RunId {
  display: block;
  margin-top: 6px;
}
.v9113RunId code {
  overflow-wrap: anywhere;
}
.v9113LiveError {
  margin-top: 9px;
  padding: 8px 10px;
  border-radius: 8px;
  color: #8d2f29;
  background: #fce8e5;
}
.v9113LiveEmpty {
  margin: 0;
}
@media (max-width: 760px) {
  .v9113LiveHeader,
  .v9113LiveTaskHead {
    display: grid;
  }
  .v9113LiveMeta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.v9OwnerGuard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  border-color: #b8dfcf;
  background: linear-gradient(135deg, #f4fcf8, #fff);
}
.v9OwnerGuard h2 {
  margin: 5px 0 0;
  font-size: 19px;
}
.v91DailyRefresh {
  margin-bottom: 16px;
  border-color: #cdddf1;
  background: linear-gradient(135deg, #f7faff, #fff);
}
.v91DailyRefresh .sectionTitle {
  align-items: flex-start;
  margin: 0 0 14px;
}
.v91DailyRefresh h2 {
  margin: 5px 0 3px;
}
.v91DailyRefresh p {
  margin: 0;
  color: var(--muted);
  max-width: 820px;
}
.v982OperatingFlow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.v982OperatingFlow > span,
.v982OperatingFlow > div {
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 9px 10px;
  border: 1px solid #cdddf1;
  border-radius: 10px;
  background: #eef5ff;
  color: #264d73;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}
.v982OperatingFlow > div {
  border-color: #7fc8ae;
  background: #eefaf5;
  color: #175840;
}
.v982OperatingFlow small {
  font-size: 11px;
  font-weight: 700;
}
.v984SeoBranchSummary {
  display: flex;
  gap: 7px;
  margin: -2px 0 12px;
  padding: 9px 11px;
  border: 1px solid #d8cfef;
  border-radius: 10px;
  background: #faf8ff;
  color: #65468f;
  font-size: 12px;
  line-height: 1.45;
}
.v91DailyStages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin-bottom: 11px;
}
.v91DailyStages > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 11px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
}
.v91DailyStages span {
  font-size: 13px;
  font-weight: 700;
}
.v91DailyNote {
  color: var(--muted);
}
.v982IntelligenceCycle {
  margin-bottom: 18px;
  border-color: #b8dfcf;
  background: linear-gradient(135deg, #f7fcfa, #fff);
}
.v982IntelligenceCycle > .sectionTitle {
  align-items: flex-start;
  margin-top: 0;
}
.v982IntelligenceCycle h2 {
  margin: 5px 0 3px;
}
.v982CycleGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.v982CycleChannel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}
.v982CycleHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.v982CycleHead h3 {
  margin: 0 0 3px;
}
.v982CycleHead small {
  color: var(--muted);
}
.v982CycleStages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.v982CycleStages > div {
  display: grid;
  align-content: start;
  gap: 4px;
  min-height: 68px;
  padding: 9px;
  border-radius: 10px;
  background: #f2f6fa;
}
.v982CycleStages small {
  color: var(--muted);
  line-height: 1.25;
}
.v982CycleStages b {
  font-size: 13px;
  line-height: 1.3;
}
.v982Assessment {
  padding: 11px 12px;
  border-left: 3px solid #64b89a;
  border-radius: 8px;
  background: #f3faf7;
}
.v982Assessment p {
  margin: 5px 0 0;
  color: var(--text);
  white-space: pre-line;
}
.v982Assessment ul {
  display: grid;
  gap: 3px;
  margin: 8px 0 0;
  padding-left: 18px;
  color: var(--muted);
  font-size: 12px;
}
.v982KeywordList {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.v982KeywordList span {
  padding: 5px 8px;
  border: 1px solid #cdddf1;
  border-radius: 999px;
  background: #f3f7fc;
  color: #264d73;
  font-size: 12px;
  font-weight: 700;
}
.v983SeoPack {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #d8cfef;
  border-radius: 12px;
  background: linear-gradient(135deg, #faf8ff, #fff);
}
.v983SeoPackHead,
.v983SeoFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.v983SeoPackHead > div {
  display: grid;
  gap: 3px;
}
.v983SeoPackHead small,
.v983SeoDetails section > small {
  color: #7256a5;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}
.v983SeoPreview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.v983SeoPreview > div {
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  border-radius: 9px;
  background: #f4f0fb;
}
.v983SeoPreview small,
.v983SeoFooter small,
.v983SeoScopeNote {
  color: var(--muted);
}
.v983SeoPreview b {
  font-size: 12px;
  line-height: 1.4;
}
.v983SeoDetails {
  overflow: hidden;
  border: 1px solid #e2dbef;
  border-radius: 10px;
  background: #fff;
}
.v983SeoDetails summary {
  padding: 10px 12px;
  color: #58398e;
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
}
.v983SeoDetails[open] summary {
  border-bottom: 1px solid #eee8f7;
}
.v983SeoColumns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}
.v983SeoColumns section {
  min-width: 0;
  padding: 10px;
  border-radius: 9px;
  background: #faf9fc;
}
.v983SeoColumns p,
.v983SeoColumns ul,
.v983SeoColumns ol {
  margin: 6px 0 0;
  line-height: 1.55;
}
.v983SeoColumns ul,
.v983SeoColumns ol {
  padding-left: 18px;
}
.v983SeoColumns li + li {
  margin-top: 4px;
}
.v983SeoColumns pre {
  margin: 7px 0 0;
  overflow-x: auto;
  white-space: pre-wrap;
  font: inherit;
  line-height: 1.55;
}
.v983SeoWide {
  grid-column: 1 / -1;
}
.v983SeoFooter {
  padding: 0 12px 12px;
}
.v983SeoScopeNote {
  line-height: 1.45;
}
.v983SeoUnavailable {
  margin: 0;
  color: var(--muted);
}
.v984SeoReviewActions {
  padding-top: 2px;
}
.channelSeoCurrent,
.channelSeoHistory {
  margin-bottom: 18px;
}
.channelSeoSummaryGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.channelSeoSummaryGrid section {
  min-width: 0;
  padding: 12px;
  border: 1px solid #e2dbef;
  border-radius: 11px;
  background: #faf9fc;
}
.channelSeoSummaryGrid section > small {
  color: #7256a5;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}
.channelSeoSummaryGrid p,
.channelSeoSummaryGrid ul,
.channelSeoSummaryGrid ol {
  margin: 7px 0 0;
  line-height: 1.55;
}
.channelSeoSummaryGrid ul,
.channelSeoSummaryGrid ol {
  padding-left: 18px;
}
.channelSeoSummaryGrid pre {
  margin: 8px 0 0;
  overflow-x: auto;
  white-space: pre-wrap;
  font: inherit;
  line-height: 1.55;
}
.channelSeoWide {
  grid-column: 1 / -1;
}
.channelSeoCurrent > .v983SeoScopeNote {
  display: block;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 9px;
  background: #f4f0fb;
}
.channelSeoHistoryList {
  display: grid;
  gap: 9px;
}
.channelSeoHistoryList details {
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
}
.channelSeoHistoryList summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, auto) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  cursor: pointer;
}
.channelSeoHistoryList details > p,
.channelSeoHistoryList details > small {
  display: block;
  margin: 0;
  padding: 0 12px 10px;
  color: var(--muted);
}
.v982CycleActions {
  margin-top: auto;
}
.v9OwnerKpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
.v9OwnerKpis .card {
  display: grid;
  gap: 5px;
}
.v9OwnerKpis span,
.v9OwnerKpis small,
.v9GeneratedAt {
  color: var(--muted);
}
.v9OwnerKpis strong {
  font-size: 30px;
  line-height: 1.1;
}
.v9OwnerLayout {
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) minmax(280px, 0.75fr);
  gap: 16px;
  margin-bottom: 24px;
}
.v9ExceptionQueue .sectionTitle {
  align-items: flex-start;
  margin-top: 0;
}
.v9ActionList {
  display: grid;
  gap: 9px;
}
.v9ActionItem {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  transition:
    border-color 0.15s ease,
    transform 0.15s ease;
}
.v9ActionItem:hover {
  border-color: var(--accent);
  transform: translateY(-1px);
}
.v9ActionBody {
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.v9ActionBody small,
.v9ActionBody b,
.v9ActionBody p {
  display: block;
}
.v9ActionBody small {
  color: var(--accent);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.v9ActionBody p {
  margin: 3px 0 0;
  color: var(--muted);
}
.v9ActionArrow {
  padding: 8px;
  color: inherit;
  text-decoration: none;
}
.v9ActionButtons {
  display: flex;
  align-items: center;
  gap: 7px;
}
.v9ActionButtons button {
  padding: 8px 10px;
  white-space: nowrap;
}
.v9Priority {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  background: #fff2d9;
  color: #8b5400;
  font-weight: 900;
}
.v9Priority.p10,
.v9Priority.p20 {
  background: #ffe4e4;
  color: #9f1d1d;
}
.v9AutomationSummary {
  align-self: start;
  background: #fafbff;
}
.v9AutomationSummary h2 {
  margin: 6px 0 14px;
}
.v9AutomationSummary ol {
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
  padding-left: 24px;
}
.v9AutomationSummary li b,
.v9AutomationSummary li span {
  display: block;
}
.v9AutomationSummary li span {
  margin-top: 2px;
  color: var(--muted);
}
.v9ChannelGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.v9ChannelHead {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.v9ChannelHead img,
.v9ChannelHead .channelNavFallback {
  width: 46px;
  height: 46px;
  border-radius: 50%;
}
.v9ChannelHead h2,
.v9ChannelHead p {
  margin: 0;
}
.v9ChannelHead p {
  color: var(--muted);
}
.v9StageGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.v9StageGrid a {
  display: grid;
  gap: 3px;
  min-height: 82px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: inherit;
  text-decoration: none;
}
.v9StageGrid a:hover {
  border-color: var(--accent);
}
.v9StageGrid small,
.v9StageGrid span {
  color: var(--muted);
}
.v9StageGrid small {
  font-weight: 800;
  text-transform: uppercase;
}
.v9GeneratedAt {
  margin: 12px 0 0;
  text-align: right;
  font-size: 12px;
}
.v9AutomationSettings {
  margin-bottom: 18px;
  scroll-margin-top: 18px;
}
.v9AutomationSettings .sectionTitle {
  margin-top: 0;
}
.v9AutomationSettingsGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.v9AutomationChannel {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fbfcfe;
}
.v9AutomationChannelHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.v9AutomationChannelHead h3,
.v9AutomationChannelHead p {
  margin: 0;
}
.v9AutomationChannelHead p {
  color: var(--muted);
}
.v9AutomationChannel > label {
  display: grid;
  gap: 5px;
  font-weight: 700;
}
.v9AutomationToggles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 12px;
  padding: 11px;
  border-radius: 10px;
  background: #f1f4f8;
}
.v9AutomationToggles label {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
}
.v9AutomationToggles input {
  width: auto;
}
@media (max-width: 1050px) {
  .v9OwnerKpis,
  .v9ChannelGrid,
  .v9AutomationSettingsGrid,
  .v982OperatingFlow,
  .v982CycleStages,
  .v983SeoPreview,
  .channelSeoSummaryGrid,
  .v91DailyStages,
  .v985SimpleProgress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v982CycleGrid,
  .v9OwnerLayout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  .v985NextActionMain {
    align-items: stretch;
    flex-direction: column;
  }
  .v985NextActionMain > button {
    width: 100%;
    min-width: 0;
  }
  .v985SimpleProgress {
    grid-template-columns: 1fr;
  }
  .v9OwnerGuard,
  .v9ChannelHead {
    align-items: flex-start;
  }
  .v9OwnerGuard {
    flex-direction: column;
  }
  .v9OwnerKpis,
  .v9ChannelGrid,
  .v9StageGrid,
  .v9AutomationSettingsGrid,
  .v9AutomationToggles,
  .v982OperatingFlow,
  .v982CycleStages,
  .v983SeoPreview,
  .v983SeoColumns,
  .channelSeoSummaryGrid,
  .v91DailyStages {
    grid-template-columns: 1fr;
  }
  .v983SeoWide,
  .channelSeoWide {
    grid-column: auto;
  }
  .v984SeoBranchSummary {
    flex-direction: column;
  }
  .channelSeoHistoryList summary {
    grid-template-columns: 1fr;
  }
  .v983SeoPackHead,
  .v983SeoFooter {
    align-items: flex-start;
    flex-direction: column;
  }
  .v9ChannelHead {
    grid-template-columns: 42px minmax(0, 1fr);
  }
  .v9ChannelHead .badge {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .v9ActionItem {
    grid-template-columns: 34px minmax(0, 1fr);
  }
  .v9ActionButtons,
  .v9ActionArrow {
    grid-column: 2;
    justify-self: start;
  }
}
.v98DataSurface {
  margin-top: 30px;
}
.v98InlineLoading {
  min-height: 0;
  margin: 16px 0;
  padding: 18px 20px;
  border: 1px solid #dfe9e6;
  border-radius: 14px;
  background: linear-gradient(90deg, #f3f9f7f5, #fffffffa, #f3f9f7f5);
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}
.v98SourceState {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 14px 0;
  padding: 12px 14px;
  border: 1px solid #cfe2dd;
  border-radius: 13px;
  background: #f5faf8;
}
.v98SourceState.error {
  border-color: #ecd2a4;
  background: #fff9ef;
}
.v98SourceStateIcon {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 999px;
  background: #0c746a1f;
  color: var(--green);
  font-size: 17px;
  font-weight: 900;
}
.v98SourceState.error .v98SourceStateIcon {
  background: #be7c181f;
  color: #98600a;
}
.v98SourceState b {
  display: block;
  font-size: 13px;
}
.v98SourceState p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 12px;
}
.v98SourceState button {
  white-space: nowrap;
}
.v98DataSurface > .sectionTitle:first-child {
  padding: 20px 22px;
  border: 1px solid #cfe2dd;
  border-radius: 18px;
  background:
    radial-gradient(
      circle at top right,
      rgba(23, 142, 127, 0.12),
      transparent 42%
    ),
    linear-gradient(145deg, #fff, #f4faf8);
  box-shadow: var(--shadow);
}
.v98PeriodBar,
.v98DataTabs,
.v98ScopeTabs,
.v98VideoToolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}
.v98PeriodBar {
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #ffffffeb;
}
.v98PeriodBar > span {
  margin-right: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.v98PeriodBar button,
.v98DataTabs button,
.v98ScopeTabs button {
  border: 1px solid #cddbd7;
  background: #fff;
  color: #465651;
  padding: 9px 12px;
}
.v98PeriodBar button.active,
.v98DataTabs button.active,
.v98ScopeTabs button.active {
  border-color: var(--green);
  background: var(--nav);
  color: #fff;
}
.v98ScopeTabs button span {
  display: inline-grid;
  min-width: 22px;
  min-height: 22px;
  margin-left: 5px;
  place-items: center;
  border-radius: 999px;
  background: #0c746a1a;
  font-size: 11px;
}
.v98ScopeTabs button.active span {
  background: #ffffff2e;
}
.v98FactGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0;
}
.v98FactGridTwo {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.v98FactGrid .card {
  min-width: 0;
}
.v98FactGrid dl,
.v98StructuredFacts {
  display: grid;
  gap: 0;
  margin: 12px 0 0;
}
.v98FactGrid dl > div,
.v98StructuredFacts > div {
  display: grid;
  grid-template-columns: minmax(110px, 0.85fr) minmax(0, 1.15fr);
  gap: 10px;
  padding: 9px 0;
  border-bottom: 1px solid #edf2f0;
}
.v98FactGrid dl > div:last-child,
.v98StructuredFacts > div:last-child {
  border-bottom: 0;
}
.v98FactGrid dt,
.v98StructuredFacts dt {
  color: var(--muted);
  font-size: 12px;
}
.v98FactGrid dd,
.v98StructuredFacts dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}
.v98StructuredFacts dd {
  font-weight: 600;
}
.v98SectionCard {
  margin: 16px 0;
}
.v98SectionCard > .sectionTitle:first-child {
  margin-top: 0;
}
.v98DailyChart {
  margin: 14px 0 18px;
  padding: 12px 14px 8px;
  border: 1px solid #dfe9e6;
  border-radius: 14px;
  background: linear-gradient(180deg, #f8fcfb, #fff);
}
.v98DailyChart svg {
  display: block;
  width: 100%;
  height: 230px;
  overflow: visible;
}
.v98DailyChart polyline {
  fill: none;
  stroke: var(--green);
  stroke-width: 2.6;
  vector-effect: non-scaling-stroke;
}
.v98DailyChart polyline.metric-watch {
  stroke: #2d6f9f;
}
.v98DailyChart polyline.metric-subscribers {
  stroke: #c4831f;
}
.v98DailyChart .zeroLine {
  stroke: #cddbd7;
  stroke-width: 0.6;
  stroke-dasharray: 2 2;
  vector-effect: non-scaling-stroke;
}
.v98DailyChart > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  font-size: 11px;
}
.v98DailyChart > div b {
  color: var(--ink);
}
.v98DailyChart > .v98ChartToolbar {
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.v98ChartToolbar button {
  border: 1px solid #cddbd7;
  background: #fff;
  color: #465651;
  padding: 7px 10px;
  font-size: 11px;
}
.v98ChartToolbar button.active {
  border-color: var(--green);
  background: var(--nav);
  color: #fff;
}
.v98ChartToolbar > b {
  margin-left: auto;
}
.v98MixChart {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}
.v98MixTrack {
  display: flex;
  width: 100%;
  min-height: 28px;
  overflow: hidden;
  border-radius: 999px;
  background: #edf3f1;
}
.v98MixTrack i {
  min-width: 2px;
}
.v98MixTrack .long,
.v98MixLegend .long > i {
  background: #08786c;
}
.v98MixTrack .short,
.v98MixLegend .short > i {
  background: #47a998;
}
.v98MixTrack .live,
.v98MixLegend .live > i {
  background: #c59131;
}
.v98MixTrack .unknown,
.v98MixLegend .unknown > i {
  background: #9aa9a4;
}
.v98MixLegend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  color: var(--muted);
  font-size: 12px;
}
.v98MixLegend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.v98MixLegend span > i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
}
.v98MixLegend b {
  color: var(--ink);
}
.v98BarChart {
  display: grid;
  gap: 9px;
  margin: 16px 0 20px;
  padding: 14px;
  border: 1px solid #e0e9e6;
  border-radius: 14px;
  background: #f8fbfa;
}
.v98BarRow {
  display: grid;
  grid-template-columns: minmax(130px, 0.8fr) minmax(140px, 1.4fr) minmax(
      80px,
      auto
    );
  align-items: center;
  gap: 10px;
}
.v98BarRow > span {
  overflow: hidden;
  color: #354a44;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v98BarRow > div {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #e7efed;
}
.v98BarRow > div i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0c756a, #4cae9d);
}
.v98BarRow > b {
  font-size: 11px;
  text-align: right;
}
.v98DailyTable {
  max-height: 520px;
}
.v98DiscoveryGrid,
.v98AiGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.v98DiscoveryGrid > .card {
  min-width: 0;
}
.v98RetentionGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.v98RetentionGrid span {
  display: grid;
  gap: 4px;
  padding: 13px;
  border: 1px solid #dfe9e6;
  border-radius: 12px;
  background: #f7faf9;
  color: var(--muted);
  font-size: 11px;
}
.v98RetentionGrid b {
  color: var(--ink);
  font-size: 21px;
}
.v98VideoToolbar input {
  flex: 1 1 340px;
}
.v98VideoToolbar select {
  min-width: 190px;
}
.v98TablePagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 10px 0;
}
.v98TablePagination b {
  color: var(--muted);
  font-size: 12px;
}
.v98TablePagination button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.v98VideoInventory table,
.v98ReferenceVideoTable table {
  min-width: 1400px;
}
.v98PlaylistList {
  display: grid;
  gap: 8px;
  margin: 14px 0;
}
.v98PlaylistList > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #e0e9e6;
  border-radius: 10px;
  background: #f8faf9;
}
.v98PlaylistList span {
  color: var(--muted);
  font-size: 12px;
}
.v98DimensionGroup + .v98DimensionGroup {
  margin-top: 24px;
}
.v98DimensionGroup h3 {
  margin: 14px 0 9px;
}
.v98FinanceCard {
  border-color: #d8c8a5;
  background:
    radial-gradient(
      circle at top right,
      rgba(194, 139, 46, 0.12),
      transparent 36%
    ),
    #fffffff5;
}
.v98AiGrid > div {
  min-width: 0;
  padding: 15px;
  border: 1px solid #dfe9e6;
  border-radius: 13px;
  background: #f8faf9;
}
.v98AiGrid h3 {
  margin: 0 0 10px;
}
.v98CoverageCard {
  margin-top: 20px;
  border-color: #bcd8d1;
}
.v98CoverageSummary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin: 12px 0 16px;
}
.v98CoverageSummary span {
  padding: 11px 12px;
  border-radius: 11px;
  background: #f2f7f5;
  color: var(--muted);
  font-size: 12px;
}
.v98CoverageSummary b {
  display: block;
  color: var(--ink);
  font-size: 21px;
}
.v98CoverageTable {
  max-height: 680px;
}
.v98CoverageTable table {
  min-width: 1240px;
}
.v98CoverageTable td:first-child {
  min-width: 300px;
}
.v98DataSurface .dataTable a {
  color: var(--green);
  text-decoration: none;
}
.v98DataSurface code {
  padding: 2px 5px;
  border-radius: 5px;
  background: #f3eee3;
  color: #674d18;
}
@media (max-width: 1180px) {
  .v98FactGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v98RetentionGrid,
  .v98CoverageSummary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .v98FactGrid,
  .v98FactGridTwo,
  .v98DiscoveryGrid,
  .v98AiGrid {
    grid-template-columns: 1fr;
  }
  .v98RetentionGrid,
  .v98CoverageSummary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v98FactGrid dl > div,
  .v98StructuredFacts > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .v98FactGrid dd,
  .v98StructuredFacts dd {
    text-align: left;
  }
  .v98DailyChart svg {
    height: 150px;
  }
  .v98DailyChart > div {
    display: grid;
    text-align: center;
  }
  .v98DailyChart > .v98ChartToolbar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .v98ChartToolbar > b {
    grid-column: 1 / -1;
    margin-left: 0;
  }
  .v98SourceState,
  .v98BarRow {
    grid-template-columns: 1fr;
  }
  .v98SourceStateIcon {
    display: none;
  }
  .v98SourceState button {
    justify-self: start;
  }
  .v98BarRow > b {
    text-align: left;
  }
  .v98TablePagination {
    align-items: stretch;
    flex-direction: column;
  }
  .v98TablePagination b {
    text-align: center;
  }
}

.v911ChannelSelection {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #b9ddd6;
  border-radius: 14px;
  background: linear-gradient(145deg, #f5fbf9, #fff);
}
.v911ChannelSelectionHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.v911ChannelSelectionHeader b,
.v911ChannelSelectionHeader small {
  display: block;
}
.v911ChannelSelectionHeader small {
  margin-top: 4px;
  color: var(--muted);
}
.v911ChannelSelectionGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.v911ChannelChoice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
.v911ChannelChoice input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--green);
}
.v911ChannelChoice span,
.v911ChannelChoice b,
.v911ChannelChoice small {
  display: block;
  min-width: 0;
}
.v911ChannelChoice b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v911ChannelChoice small {
  margin-top: 4px;
  color: var(--muted);
}
.v911ChannelChoice.isSelected {
  border-color: #4aa99b;
  background: #effaf7;
  box-shadow: 0 0 0 2px #4aa99b1a;
}
.v911ChannelChoice.isPaused {
  border-color: #e3e9e7;
}
.v911ChannelChoice.isDisabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.v911ChannelSelectionSummary {
  color: #38514b;
  font-weight: 800;
}
@media (max-width: 760px) {
  .v911ChannelSelectionHeader {
    align-items: stretch;
    flex-direction: column;
  }
  .v911ChannelSelectionHeader .buttonRow {
    display: grid;
    grid-template-columns: 1fr;
  }
  .v911ChannelSelectionGrid {
    grid-template-columns: 1fr;
  }
}