/* Competitive intelligence — controlled AI agent workspace */

.agent-page-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
}

.agent-page-heading h1 { margin: 3px 0 5px; font-size: 30px; letter-spacing: -.035em; }
.agent-page-heading p { margin: 0; max-width: 760px; color: var(--ink-2); font-size: 15px; }
.agent-heading-actions { display: flex; align-items: center; gap: 9px; }
.agent-run-primary { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.agent-run-primary svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }

.agent-safety-banner {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 15px 17px;
  border: 1px solid color-mix(in srgb, var(--green) 32%, var(--line));
  border-radius: 12px;
  background: color-mix(in srgb, var(--green-bg) 72%, var(--panel));
  margin-bottom: 14px;
}

.agent-safety-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--green);
  background: var(--panel);
  border: 1px solid color-mix(in srgb, var(--green) 25%, var(--line));
}

.agent-safety-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.agent-safety-banner strong { display: block; color: var(--ink); font-size: 14px; }
.agent-safety-banner p { margin: 2px 0 0; color: var(--ink-2); }
.agent-mode-badge {
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--panel);
  border: 1px solid color-mix(in srgb, var(--green) 25%, var(--line));
  color: var(--green);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.agent-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.agent-metric {
  appearance: none;
  text-align: left;
  color: inherit;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: var(--shadow);
  padding: 15px 16px;
  cursor: pointer;
  transition: border-color .15s ease, transform .15s ease;
}

.agent-metric:hover { border-color: var(--accent); transform: translateY(-1px); }
.agent-metric span, .agent-metric small { display: block; }
.agent-metric span { color: var(--ink-3); font-size: 10px; text-transform: uppercase; letter-spacing: .085em; font-weight: 750; }
.agent-metric strong { display: block; margin: 3px 0 2px; font-size: 25px; line-height: 1.1; font-variant-numeric: tabular-nums; }
.agent-metric small { color: var(--ink-2); font-size: 12px; }
.agent-metric.is-attention strong { color: var(--orange); }
.agent-metric.is-attention[data-attention="false"] { border-left-color: var(--line); }
.agent-metric.is-attention[data-attention="false"] strong { color: var(--ink); }
.agent-metrics[hidden], .agent-heading-actions[hidden] { display: none !important; }

.agent-workspace {
  min-height: 440px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 13px;
  box-shadow: var(--shadow);
  overflow: hidden;
}

.agent-ai-brief {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) 210px;
  border: 1px solid color-mix(in srgb, var(--accent) 32%, var(--line));
  border-radius: 14px;
  margin-bottom: 14px;
  overflow: hidden;
  background: linear-gradient(120deg, color-mix(in srgb, var(--accent-soft) 72%, var(--panel)) 0%, var(--panel) 62%);
  box-shadow: var(--shadow);
}
.agent-brief-mark { display: grid; place-items: center; color: var(--accent); font-size: 30px; border-right: 1px solid color-mix(in srgb, var(--accent) 25%, var(--line)); background: color-mix(in srgb, var(--accent-soft) 70%, transparent); }
.agent-brief-content { padding: 17px 20px; min-width: 0; }
.agent-brief-content h2 { margin: 3px 0 12px; font-size: 21px; letter-spacing: -.025em; }
.agent-brief-items { display: grid; gap: 7px; }
.agent-brief-item { appearance: none; display: grid; grid-template-columns: 10px minmax(0, 1fr) 16px; gap: 10px; align-items: start; width: 100%; padding: 0; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.agent-brief-item > span { width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent); }
.agent-brief-item[data-tone="critical"] > span { background: var(--red); box-shadow: 0 0 0 4px color-mix(in srgb, var(--red) 12%, transparent); }
.agent-brief-item[data-tone="warning"] > span { background: var(--orange); box-shadow: 0 0 0 4px color-mix(in srgb, var(--orange) 12%, transparent); }
.agent-brief-item strong, .agent-brief-item small { display: block; }
.agent-brief-item strong { font-size: 13px; }
.agent-brief-item small { color: var(--ink-2); line-height: 1.45; }
.agent-brief-item > b { color: var(--accent); font-size: 20px; line-height: 1; }
.agent-brief-trust { display: flex; flex-direction: column; justify-content: center; padding: 17px; border-left: 1px solid var(--line); background: color-mix(in srgb, var(--panel-2) 86%, transparent); }
.agent-brief-trust b { font-size: 12px; color: var(--accent); }
.agent-brief-trust span { margin-top: 4px; color: var(--ink-3); font-size: 11px; line-height: 1.45; }
.agent-brief-loading { grid-column: 1 / -1; padding: 22px; color: var(--ink-2); }

.agent-toolbar { display: grid; grid-template-columns: minmax(260px, 1fr) repeat(4, minmax(120px, auto)) auto; gap: 9px; align-items: end; padding: 12px; border-bottom: 1px solid var(--line); background: var(--panel-2); }
.agent-toolbar label { display: grid; gap: 4px; min-width: 0; }
.agent-toolbar label > span { color: var(--ink-3); font-size:10px; letter-spacing: .08em; text-transform: uppercase; font-weight: 750; }
.agent-toolbar input, .agent-toolbar select { width: 100%; height: 38px; min-width: 0; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--ink); font: inherit; font-size: 12px; padding: 0 10px; }
.agent-toolbar .agent-search { position: relative; display: block; }
.agent-search svg { position: absolute; left: 11px; top: 11px; width: 17px; height: 17px; fill: none; stroke: var(--ink-3); stroke-width: 1.8; }
.agent-search input { padding-left: 36px; }

.agent-tabs { display: flex; gap: 4px; padding: 10px 12px 0; border-bottom: 1px solid var(--line); background: var(--panel-2); }
.agent-tabs button {
  appearance: none;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--ink-2);
  padding: 10px 12px 11px;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}
.agent-tabs button:hover { color: var(--ink); }
.agent-tabs button[aria-selected="true"] { color: var(--accent); border-bottom-color: var(--accent); }
.agent-tabs button span { margin-left: 5px; padding: 2px 6px; border-radius: 999px; background: var(--grey-bg); font-size: 10px; }
.agent-pane { padding: 18px; }

.agent-section-head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; margin-bottom: 15px; }
.agent-section-head h2 { margin: 0 0 4px; font-size: 19px; letter-spacing: -.02em; }
.agent-section-head p { margin: 0; color: var(--ink-2); }
.agent-record-count { flex: none; padding: 6px 9px; border-radius: 999px; background: var(--grey-bg); color: var(--ink-2); font-size: 11px; font-weight: 700; }
.agent-overview-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 13px; }
.agent-panel { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel-2); }
.agent-panel-wide { min-height: 210px; }
.agent-panel header { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; margin-bottom: 13px; }
.agent-panel h2 { margin: 3px 0 0; font-size: 17px; }
.agent-panel-empty { color: var(--ink-3); line-height: 1.55; }
.agent-priority-list { display: grid; gap: 6px; }
.agent-priority-list > button { appearance: none; display: grid; grid-template-columns: 9px minmax(0, 1fr) auto; align-items: center; gap: 10px; width: 100%; padding: 9px; border: 1px solid transparent; border-radius: 8px; color: inherit; background: var(--panel); text-align: left; cursor: pointer; }
.agent-priority-list > button:hover { border-color: var(--accent); }
.agent-priority-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ink-3); }
.agent-priority-dot[data-impact="critical"] { background: var(--red); }
.agent-priority-dot[data-impact="high"] { background: var(--orange); }
.agent-priority-list strong, .agent-priority-list small { display: block; }
.agent-priority-list strong { font-size: 12px; }
.agent-priority-list small { margin-top: 2px; color: var(--ink-3); font-size: 11px; line-height: 1.35; }
.agent-impact { display: inline-flex; width: max-content; padding: 4px 7px; border-radius: 999px; color: var(--ink-2); background: var(--grey-bg); font-size:10px; font-weight: 750; text-transform: uppercase; letter-spacing: .045em; }
.agent-impact[data-impact="critical"] { color: var(--red); background: var(--red-bg); }
.agent-impact[data-impact="high"] { color: var(--orange); background: var(--orange-bg); }
.agent-impact[data-impact="low"] { color: var(--green); background: var(--green-bg); }
.agent-health-score { display: flex; align-items: baseline; gap: 8px; margin: 6px 0 15px; }
.agent-health-score strong { font-size: 33px; letter-spacing: -.05em; }
.agent-health-score span { color: var(--ink-2); }
.agent-callout { display: grid; gap: 3px; padding: 11px 12px; border-left: 3px solid var(--accent); border-radius: 7px; background: var(--accent-soft); }
.agent-callout.warning { border-color: var(--orange); background: var(--orange-bg); }
.agent-callout.good { border-color: var(--green); background: var(--green-bg); }
.agent-callout b { font-size: 12px; }
.agent-callout span { color: var(--ink-2); font-size: 11px; }
.agent-bar-list { display: grid; gap: 10px; }
.agent-bar-list > div { display: grid; grid-template-columns: minmax(90px, .8fr) 1.5fr 25px; align-items: center; gap: 8px; font-size: 11px; }
.agent-bar-list i { height: 7px; border-radius: 999px; overflow: hidden; background: var(--grey-bg); }
.agent-bar-list i b { display: block; height: 100%; border-radius: inherit; background: var(--accent); }
.agent-gap-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.agent-gap-list > div { padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); }
.agent-gap-list b, .agent-gap-list span { display: block; }
.agent-gap-list b { font-size: 12px; }
.agent-gap-list span { margin-top: 3px; color: var(--ink-3); font-size: 11px; }

.agent-competitor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.agent-competitor-card { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); transition: border-color .15s ease, transform .15s ease; }
.agent-competitor-card:hover { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); transform: translateY(-1px); }
.agent-competitor-card[data-status="paused"] { opacity: .72; }
.agent-competitor-card header { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.agent-competitor-logo { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; color: var(--accent); background: var(--accent-soft); font-weight: 800; letter-spacing: -.03em; }
.agent-competitor-card h3 { margin: 0 0 2px; font-size: 16px; }
.agent-competitor-card header p { margin: 0; }
.agent-competitor-card a { color: var(--accent); text-decoration: none; font-size: 11px; overflow-wrap: anywhere; }
.agent-watch-state { padding: 4px 7px; border-radius: 999px; background: var(--green-bg); color: var(--green); font-size:10px; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.agent-competitor-card[data-status="paused"] .agent-watch-state, .agent-competitor-card[data-status="archived"] .agent-watch-state { background: var(--grey-bg); color: var(--ink-3); }
.agent-profile-description { min-height: 42px; margin: 13px 0; color: var(--ink-2); font-size: 12px; line-height: 1.5; }
.agent-card-metrics { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 9px; overflow: hidden; background: var(--panel); }
.agent-card-metrics > div { padding: 9px; border-right: 1px solid var(--line); }
.agent-card-metrics > div:last-child { border: 0; }
.agent-card-metrics strong, .agent-card-metrics span { display: block; }
.agent-card-metrics strong { font-size: 16px; }
.agent-card-metrics span { color: var(--ink-3); font-size:10px; }
.agent-coverage { margin: 13px 0; }
.agent-coverage > div { display: flex; justify-content: space-between; color: var(--ink-2); font-size: 10px; }
.agent-coverage > i { display: block; height: 6px; margin-top: 5px; overflow: hidden; border-radius: 999px; background: var(--grey-bg); }
.agent-coverage > i b { display: block; height: 100%; background: var(--accent); }
.agent-profile-tags { display: flex; flex-wrap: wrap; gap: 5px; min-height: 24px; }
.agent-profile-tags span { padding: 4px 7px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-2); background: var(--panel); font-size:10px; }
.agent-competitor-card footer { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.agent-competitor-card footer > span { color: var(--ink-3); font-size: 10px; }
.agent-competitor-card footer > div { display: flex; gap: 5px; }

.agent-change-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-bottom: 13px; }
.agent-change-summary button { appearance: none; display: grid; grid-template-columns: auto 1fr auto; gap: 9px; align-items: center; padding: 11px; border: 1px solid var(--line); border-radius: 9px; color: inherit; background: var(--panel-2); text-align: left; cursor: pointer; }
.agent-change-summary button:hover { border-color: var(--orange); }
.agent-change-summary strong { color: var(--orange); font-size: 20px; }
.agent-change-summary span { font-size: 11px; }
.agent-change-summary b { color: var(--accent); font-size: 10px; }

.agent-source-caveat { display: grid; grid-template-columns: auto 1fr; gap: 10px; margin-bottom: 14px; padding: 11px 13px; border: 1px solid color-mix(in srgb, var(--orange) 34%, var(--line)); border-radius: 9px; background: var(--orange-bg); }
.agent-source-caveat b { color: var(--orange); font-size: 11px; }
.agent-source-caveat span { color: var(--ink-2); font-size: 11px; }
.agent-source-caveat.agent-coverage-caveat { border-color: color-mix(in srgb, var(--accent) 30%, var(--line)); background: color-mix(in srgb, var(--accent-soft) 55%, var(--panel)); }
.agent-source-caveat.agent-coverage-caveat b { color: var(--accent); }
.agent-source-caveat code { padding: 1px 4px; border-radius: 4px; color: var(--ink); background: var(--panel); font-size: 10px; }
.agent-table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 10px; }
.agent-data-table { width: 100%; min-width: 880px; border-collapse: collapse; font-size: 11px; }
.agent-data-table th { padding: 9px 11px; color: var(--ink-3); background: var(--panel-2); border-bottom: 1px solid var(--line); text-align: left; text-transform: uppercase; letter-spacing: .065em; font-size:10px; }
.agent-data-table td { padding: 11px; border-bottom: 1px solid var(--line); vertical-align: top; }
.agent-data-table tr:last-child td { border-bottom: 0; }
.agent-data-table td strong, .agent-data-table td span, .agent-data-table td a { display: block; }
.agent-data-table td strong { font-size: 12px; }
.agent-data-table td span { margin-top: 3px; color: var(--ink-3); }
.agent-data-table td a { margin-top: 5px; color: var(--accent); text-decoration: none; }

.agent-empty {
  min-height: 310px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 42px 24px;
}
.agent-empty-inner { max-width: 470px; }
.agent-empty-icon { width: 52px; height: 52px; display: grid; place-items: center; margin: 0 auto 14px; border-radius: 14px; background: var(--accent-soft); color: var(--accent); }
.agent-empty-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.agent-empty h3 { margin: 0 0 6px; font-size: 18px; }
.agent-empty p { color: var(--ink-2); margin: 0 0 16px; }

.agent-onboarding { display: grid; grid-template-columns: minmax(280px, 1.1fr) minmax(300px, 1fr); gap: 22px; align-items: center; max-width: 980px; margin: 24px auto; padding: 28px; border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--line)); border-radius: 14px; background: linear-gradient(125deg, color-mix(in srgb, var(--accent-soft) 62%, var(--panel)) 0%, var(--panel) 68%); }
.agent-onboarding-intro h2 { margin: 5px 0 8px; font-size: 24px; letter-spacing: -.025em; }
.agent-onboarding-intro p { max-width: 590px; margin: 0 0 17px; color: var(--ink-2); line-height: 1.55; }
.agent-onboarding-steps { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.agent-onboarding-steps li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: color-mix(in srgb, var(--panel) 90%, transparent); }
.agent-onboarding-steps li > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: var(--accent); background: var(--accent-soft); font-size: 11px; font-weight: 800; }
.agent-onboarding-steps b, .agent-onboarding-steps small { display: block; }
.agent-onboarding-steps b { font-size: 12px; }
.agent-onboarding-steps small { margin-top: 2px; color: var(--ink-3); font-size: 10px; line-height: 1.4; }
.agent-onboarding > aside { grid-column: 1 / -1; display: flex; gap: 8px; align-items: baseline; padding-top: 13px; border-top: 1px solid var(--line); color: var(--ink-2); font-size: 10px; }
.agent-onboarding > aside b { color: var(--green); white-space: nowrap; }

.agent-queue { display: grid; gap: 12px; }
.agent-finding {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) 230px;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  background: var(--panel);
}
.agent-finding-rail { background: var(--orange); }
.agent-finding[data-status="approved"] .agent-finding-rail { background: var(--green); }
.agent-finding[data-status="rejected"] .agent-finding-rail { background: var(--ink-3); }
.agent-finding-main { padding: 16px 18px; min-width: 0; }
.agent-finding-aside { padding: 16px; border-left: 1px solid var(--line); background: var(--panel-2); }
.agent-finding-top { display: flex; gap: 12px; align-items: flex-start; justify-content: space-between; }
.agent-finding h3 { margin: 1px 0 5px; font-size: 16px; line-height: 1.3; }
.agent-finding-category { color: var(--accent); font-weight: 750; text-transform: uppercase; font-size: 10px; letter-spacing: .08em; }
.agent-confidence { flex: none; padding: 4px 7px; border-radius: 7px; background: var(--grey-bg); color: var(--ink-2); font-size: 11px; font-weight: 700; }
.agent-badge-stack { display: flex; align-items: flex-end; gap: 5px; flex-direction: column; }
.agent-finding-summary { margin: 0 0 12px; color: var(--ink-2); }
.agent-finding-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 12px; }
.agent-finding-meta span { padding: 4px 7px; border-radius: 7px; background: var(--panel-2); border: 1px solid var(--line); color: var(--ink-2); font-size: 11px; }
.agent-evidence { margin: 0; padding: 11px 12px; border-left: 3px solid var(--accent); background: var(--accent-soft); color: var(--ink); font-size: 12px; line-height: 1.55; }
.agent-evidence a { display: block; margin-top: 6px; color: var(--accent); font-weight: 650; text-decoration: none; overflow-wrap: anywhere; }
.agent-evidence a:hover { text-decoration: underline; }
.agent-limit { margin: 9px 0 0; color: var(--ink-3); font-size: 10px; }
.agent-finding-aside strong { display: block; margin-bottom: 5px; font-size: 12px; }
.agent-finding-aside p { margin: 0 0 13px; color: var(--ink-2); font-size: 12px; line-height: 1.5; }
.agent-review-note { width: 100%; min-height: 62px; resize: vertical; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--ink); font: inherit; font-size: 12px; padding: 8px; }
.agent-review-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 8px; }
.agent-review-actions .btn { padding-inline: 8px; }
.agent-review-state { padding: 8px 10px; border-radius: 8px; color: var(--ink-2); background: var(--grey-bg); font-size: 12px; }

.agent-history-list { display: grid; gap: 10px; }
.agent-run-row { display: grid; grid-template-columns: minmax(220px, 1.4fr) 140px 130px 130px 36px; gap: 14px; align-items: center; padding: 13px 14px; border: 1px solid var(--line); border-radius: 10px; }
.agent-run-row:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
.agent-run-row h3 { margin: 0 0 3px; font-size: 14px; }
.agent-run-row p, .agent-run-cell small { margin: 0; color: var(--ink-3); font-size: 11px; }
.agent-run-cell strong { display: block; font-size: 12px; }
.agent-run-status { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 750; text-transform: capitalize; }
.agent-run-status::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--ink-3); }
.agent-run-status[data-status="completed"]::before { background: var(--green); }
.agent-run-status[data-status="queued"]::before, .agent-run-status[data-status="running"]::before { background: var(--orange); box-shadow: 0 0 0 4px color-mix(in srgb, var(--orange) 14%, transparent); }
.agent-run-status[data-status="failed"]::before { background: var(--red); }
.agent-run-open { appearance: none; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--accent); cursor: pointer; font-size: 18px; }
.agent-run-detail { margin: 0 0 12px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-2); }
.agent-run-detail > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.agent-run-detail h3 { margin: 0 0 5px; }
.agent-run-detail p { margin: 0; color: var(--ink-2); }
.agent-run-error { color: var(--red) !important; margin-top: 8px !important; }
.agent-run-result-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin: 12px 0; }
.agent-run-result-metrics span { padding: 9px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink-3); background: var(--panel); font-size: 10px; }
.agent-run-result-metrics b { display: block; color: var(--ink); font-size: 16px; }
.agent-source-results { display: grid; gap: 5px; margin-top: 10px; }
.agent-source-results a { display: grid; grid-template-columns: 8px minmax(0, 1fr) 18px; gap: 9px; align-items: center; padding: 8px 9px; border: 1px solid var(--line); border-radius: 7px; color: inherit; background: var(--panel); text-decoration: none; }
.agent-source-results a > span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
.agent-source-results a[data-status="failed"] > span { background: var(--red); }
.agent-source-results strong, .agent-source-results small { display: block; }
.agent-source-results small { color: var(--ink-3); }

.agent-setup-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.agent-setup-card { border: 1px solid var(--line); border-radius: 11px; padding: 16px; background: var(--panel-2); }
.agent-setup-wide { grid-column: 1 / -1; }
.agent-setup-card h3 { margin: 0 0 5px; font-size: 15px; }
.agent-setup-card > p { margin: 0 0 13px; color: var(--ink-2); }
.agent-search-engine-card > header { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.agent-search-engine-card > header p { max-width: 680px; margin: 3px 0 0; color: var(--ink-2); font-size: 11px; }
.agent-search-engine-list { display: flex; flex-wrap: wrap; gap: 7px; margin: 13px 0; }
.agent-search-engine-list > span { padding: 6px 9px; border: 1px solid color-mix(in srgb, var(--green) 28%, var(--line)); border-radius: 999px; color: var(--green); background: var(--green-bg); font-size: 11px; font-weight: 700; }
.agent-control-list { display: grid; gap: 8px; }
.agent-control-item { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: start; padding: 9px; border-radius: 8px; background: var(--panel); border: 1px solid var(--line); }
.agent-control-mark { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: var(--accent-soft); color: var(--accent); font-weight: 750; font-size: 11px; }
.agent-control-item strong, .agent-control-item small { display: block; }
.agent-control-item strong { font-size: 12px; }
.agent-control-item small { color: var(--ink-3); line-height: 1.4; }
.agent-control-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.agent-control-banner { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 11px; align-items: center; margin-bottom: 14px; padding: 13px; border: 1px solid color-mix(in srgb, var(--green) 30%, var(--line)); border-radius: 10px; background: var(--green-bg); }
.agent-control-banner > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: var(--green); background: var(--panel); font-weight: 800; }
.agent-control-banner strong, .agent-control-banner p { display: block; margin: 0; }
.agent-control-banner p { margin-top: 2px; color: var(--ink-2); font-size: 11px; }
.agent-control-banner > b { padding: 5px 8px; border-radius: 999px; color: var(--green); background: var(--panel); font-size:10px; text-transform: uppercase; letter-spacing: .05em; }
.agent-source-registry { display: grid; gap: 7px; }
.agent-source-registry > div { display: grid; grid-template-columns: 9px minmax(0, 1fr) auto; gap: 9px; align-items: start; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); }
.agent-source-state { width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: var(--ink-3); }
.agent-source-state[data-status="new"], .agent-source-state[data-status="unchanged"] { background: var(--green); }
.agent-source-state[data-status="changed"] { background: var(--orange); }
.agent-source-state[data-status="failed"] { background: var(--red); }
.agent-source-registry strong, .agent-source-registry small, .agent-source-registry a, .agent-source-registry em { display: block; }
.agent-source-registry small { margin-top: 2px; color: var(--ink-3); }
.agent-source-registry a { margin-top: 3px; color: var(--accent); font-size: 10px; text-decoration: none; overflow-wrap: anywhere; }
.agent-source-registry em { margin-top: 3px; color: var(--red); font-size: 10px; font-style: normal; }
.agent-source-toggle { display: grid; gap: 3px; justify-items: center; color: var(--ink-3); font-size:10px; }
.agent-reference-import { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); }
.agent-reference-import strong { font-size: 12px; }

.agent-run-dialog { width: min(760px, calc(100vw - 28px)); max-height: calc(100vh - 28px); padding: 0; border: 1px solid var(--line); border-radius: 15px; background: var(--panel); color: var(--ink); box-shadow: 0 24px 80px rgba(12, 24, 36, .24); }
.agent-run-dialog::backdrop { background: rgba(12, 21, 30, .54); backdrop-filter: blur(2px); }
.agent-run-dialog form { margin: 0; }
.agent-dialog-head { display: flex; justify-content: space-between; gap: 20px; padding: 20px 22px 16px; border-bottom: 1px solid var(--line); }
.agent-dialog-head h2 { margin: 3px 0 4px; font-size: 23px; letter-spacing: -.02em; }
.agent-dialog-head p { margin: 0; color: var(--ink-2); }
.agent-dialog-close { appearance: none; flex: none; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); color: var(--ink-2); cursor: pointer; }
.agent-dialog-close svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.agent-dialog-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 18px 22px 12px; }
.agent-dialog-grid label { display: grid; gap: 6px; }
.agent-dialog-grid label > span { color: var(--ink-2); font-size: 11px; font-weight: 750; letter-spacing: .055em; text-transform: uppercase; }
.agent-dialog-grid label em { color: var(--ink-3); font-style: normal; font-weight: 550; text-transform: none; letter-spacing: 0; }
.agent-dialog-grid input, .agent-dialog-grid textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; background: var(--panel-2); color: var(--ink); font: inherit; padding: 10px 11px; resize: vertical; }
.agent-dialog-grid input:focus, .agent-dialog-grid textarea:focus, .agent-review-note:focus { outline: 2px solid color-mix(in srgb, var(--accent) 28%, transparent); border-color: var(--accent); }
.agent-dialog-grid small { color: var(--ink-3); }
.agent-dialog-wide { grid-column: 1 / -1; }
.agent-runtime-card { margin: 0 22px 12px; padding: 10px 12px; display: flex; justify-content: space-between; gap: 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel-2); }
.agent-runtime-card span { color: var(--ink-2); text-align: right; }
.agent-dialog-notice { margin: 0 22px; padding: 11px 12px; border-left: 3px solid var(--green); background: var(--green-bg); color: var(--ink-2); font-size: 12px; }
.agent-dialog-actions { position: sticky; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: flex-end; gap: 9px; padding: 14px 22px 16px; border-top: 1px solid var(--line); background: var(--panel); }
.agent-dialog-actions [role="alert"] { margin-right: auto; color: var(--red); font-size: 12px; }
.agent-competitor-dialog { width: min(820px, calc(100vw - 28px)); }
.agent-source-dialog { width: min(680px, calc(100vw - 28px)); }

@media (max-width: 980px) {
  .agent-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .agent-ai-brief { grid-template-columns: 58px 1fr; }
  .agent-brief-trust { grid-column: 2; border-left: 0; border-top: 1px solid var(--line); }
  .agent-toolbar { grid-template-columns: 1fr 1fr 1fr; }
  .agent-search { grid-column: 1 / -1; }
  .agent-finding { grid-template-columns: 7px minmax(0, 1fr); }
  .agent-finding-aside { grid-column: 2; border-left: 0; border-top: 1px solid var(--line); }
  .agent-run-row { grid-template-columns: minmax(180px, 1fr) 120px 110px 36px; }
  .agent-run-row .agent-run-cost { display: none; }
}

@media (max-width: 700px) {
  .agent-page-heading { align-items: stretch; flex-direction: column; gap: 14px; }
  .agent-run-primary { justify-content: center; }
  .agent-safety-banner { grid-template-columns: 42px 1fr; }
  .agent-mode-badge { grid-column: 2; justify-self: start; }
  .agent-heading-actions { align-items: stretch; flex-direction: column; }
  .agent-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .agent-metric { padding: 12px; }
  .agent-metric strong { font-size: 22px; }
  .agent-pane { padding: 12px; }
  .agent-toolbar { grid-template-columns: 1fr 1fr; }
  .agent-toolbar .agent-search { grid-column: 1 / -1; }
  .agent-overview-grid, .agent-competitor-grid { grid-template-columns: 1fr; }
  .agent-gap-list, .agent-change-summary { grid-template-columns: 1fr; }
  .agent-competitor-card footer { align-items: stretch; flex-direction: column; }
  .agent-competitor-card footer > div { flex-wrap: wrap; }
  .agent-control-grid { grid-template-columns: 1fr; }
  .agent-control-banner { grid-template-columns: 32px 1fr; }
  .agent-control-banner > b { grid-column: 2; justify-self: start; }
  .agent-run-result-metrics { grid-template-columns: repeat(2, 1fr); }
  .agent-tabs { overflow-x: auto; }
  .agent-tabs button { white-space: nowrap; }
  .agent-finding-main, .agent-finding-aside { padding: 13px; }
  .agent-finding-top { display: block; }
  .agent-confidence { display: inline-block; margin-top: 5px; }
  .agent-run-row { grid-template-columns: minmax(0, 1fr) 95px 36px; gap: 8px; }
  .agent-run-row .agent-run-count, .agent-run-row .agent-run-cost { display: none; }
  .agent-setup-grid { grid-template-columns: 1fr; }
  .agent-dialog-grid { grid-template-columns: 1fr; padding-inline: 16px; }
  .agent-dialog-wide { grid-column: auto; }
  .agent-dialog-head { padding-inline: 16px; }
  .agent-runtime-card, .agent-dialog-notice { margin-inline: 16px; display: block; }
  .agent-runtime-card span { display: block; margin-top: 3px; text-align: left; }
  .agent-dialog-actions { padding-inline: 16px; flex-wrap: wrap; }
  .agent-dialog-actions [role="alert"] { width: 100%; }
}

/* Competitive-intelligence UX audit refinements — action first, controls in context. */
.agent-page-heading {
  align-items: center;
  gap: 18px;
  margin-bottom: 10px;
}
.agent-page-heading h1 { margin: 2px 0 3px; font-size: 28px; }
.agent-page-heading p { max-width: 720px; font-size: 13px; line-height: 1.45; }
.agent-heading-trust { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.agent-heading-trust span {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 3px 8px;
  border: 1px solid color-mix(in srgb, var(--green) 24%, var(--line));
  border-radius: 999px;
  color: var(--green);
  background: color-mix(in srgb, var(--green-bg) 58%, var(--panel));
  font-size:10px;
  font-weight: 750;
  letter-spacing: .025em;
}
.agent-heading-actions .btn { min-height: 38px; }

#view-competitors > .page-ai-overview { grid-template-columns: 40px minmax(0, 1fr); margin-bottom: 10px; border-radius: 12px; }
#view-competitors > .page-ai-overview .page-ai-rail { padding-top: 10px; }
#view-competitors > .page-ai-overview .page-ai-rail span { width: 27px; height: 27px; border-radius: 8px; font-size: 15px; }
#view-competitors > .page-ai-overview .page-ai-shell { padding: 9px 12px 8px; }
#view-competitors > .page-ai-overview .page-ai-title h2 { font-size: 16px; }
#view-competitors > .page-ai-overview .page-ai-body { grid-template-columns: minmax(0, 1.5fr) minmax(230px, .8fr); gap: 10px; margin-top: 7px; }
#view-competitors > .page-ai-overview .page-ai-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
#view-competitors > .page-ai-overview .page-ai-point { padding: 7px 8px; border-radius: 8px; }
#view-competitors > .page-ai-overview .page-ai-point b { font-size: 11px; }
#view-competitors > .page-ai-overview .page-ai-point p {
  display: -webkit-box;
  margin-top: 2px;
  overflow: hidden;
  font-size: 10px;
  line-height: 1.32;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#view-competitors > .page-ai-overview .page-ai-point-action { margin-top: 4px; }
#view-competitors > .page-ai-overview .page-ai-interpretation { padding: 7px 9px; }
#view-competitors > .page-ai-overview .page-ai-generated-list li {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#view-competitors > .page-ai-overview .page-ai-generated-list li:nth-child(n + 3) { display: none; }
#view-competitors > .page-ai-overview .page-ai-foot { display: none; }

.agent-metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px; }
.agent-metric {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "label value" "note value";
  align-items: center;
  gap: 1px 8px;
  min-height: 58px;
  padding: 9px 11px;
  border-radius: 10px;
  box-shadow: none;
}
.agent-metric span { grid-area: label; }
.agent-metric strong { grid-area: value; margin: 0; font-size: 22px; }
.agent-metric small { grid-area: note; font-size: 10px; }
.agent-metric.is-attention { border-left: 3px solid var(--orange); }

.agent-workspace { min-height: 400px; border-radius: 12px; }
.agent-tabs {
  gap: 2px;
  padding: 4px 10px 0;
  border-bottom: 1px solid var(--line);
  background: var(--panel);
  overflow-x: auto;
  scrollbar-width: thin;
}
.agent-tabs button { min-height: 41px; padding: 8px 12px 9px; font-size: 12px; white-space: nowrap; }
.agent-tabs button:focus-visible,
.agent-subtabs button:focus-visible,
.agent-metric:focus-visible { outline: 2px solid color-mix(in srgb, var(--accent) 42%, transparent); outline-offset: -2px; }
.agent-subtabs {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 7px 12px;
  border-bottom: 1px solid var(--line);
  background: var(--panel-2);
  overflow-x: auto;
}
.agent-subtabs[hidden],
.agent-toolbar-field[hidden],
.agent-clear-filters[hidden],
.agent-search[hidden],
.agent-export-group[hidden],
.agent-filter-toggle[hidden],
.agent-toolbar-result[hidden] { display: none !important; }
.agent-subtabs button {
  appearance: none;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--ink-2);
  background: transparent;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
.agent-subtabs button:hover { color: var(--ink); background: var(--panel); }
.agent-subtabs button[aria-selected="true"] { color: var(--accent); border-color: var(--line); background: var(--panel); box-shadow: 0 1px 2px rgb(18 38 63 / .05); }

.agent-toolbar {
  grid-template-columns: minmax(210px, 1fr) minmax(125px, 155px) minmax(100px, 130px) minmax(110px, 140px) auto auto minmax(220px, auto);
  gap: 8px;
  padding: 9px 10px;
  background: color-mix(in srgb, var(--panel-2) 72%, var(--panel));
}
.agent-toolbar[data-context="competitors"] { grid-template-columns: minmax(260px, 1fr) auto; }
.agent-toolbar[data-context="products"],
.agent-toolbar[data-context="imports"],
.agent-toolbar[data-context="history"] { grid-template-columns: minmax(240px, 1fr) minmax(130px, 170px) auto auto minmax(220px, auto); }
.agent-toolbar[data-context="setup"] { grid-template-columns: minmax(240px, 1fr) minmax(130px, 170px) auto auto; }
.agent-toolbar input, .agent-toolbar select { height: 36px; border-radius: 7px; }
.agent-filter-toggle { display: none; }
.agent-clear-filters { align-self: end; min-height: 36px; padding-inline: 10px; white-space: nowrap; }
.agent-toolbar-result { align-self: center; color: var(--ink-3); font-size: 10px; font-weight: 750; white-space: nowrap; }
.agent-export-group { display: grid; grid-template-columns: minmax(150px, 1fr) auto; gap: 6px; align-items: end; min-width: 0; }
.agent-export-group label { min-width: 0; }
.agent-export-group .btn { min-height: 36px; padding-inline: 10px; }
.agent-pane { padding: 15px; }
.agent-table-hint { display: none; margin: -7px 0 8px; color: var(--ink-3); font-size: 10px; }

.agent-dialog-grid input,
.agent-dialog-grid select,
.agent-dialog-grid textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--panel-2);
  color: var(--ink);
  font: inherit;
  padding: 10px 11px;
  resize: vertical;
}
.agent-dialog-grid select { min-height: 41px; resize: none; }
.agent-dialog-grid input:focus,
.agent-dialog-grid select:focus,
.agent-dialog-grid textarea:focus,
.agent-review-note:focus { outline: 2px solid color-mix(in srgb, var(--accent) 28%, transparent); border-color: var(--accent); }

@media (max-width: 1080px) {
  .agent-toolbar { grid-template-columns: minmax(210px, 1fr) repeat(3, minmax(105px, 1fr)); }
  .agent-toolbar[data-context="competitors"] { grid-template-columns: minmax(210px, 1fr) auto; }
  .agent-toolbar[data-context="products"],
  .agent-toolbar[data-context="imports"],
  .agent-toolbar[data-context="history"],
  .agent-toolbar[data-context="setup"] { grid-template-columns: minmax(210px, 1fr) minmax(120px, 1fr) auto; }
  .agent-export-group { grid-column: span 2; }
  .agent-clear-filters { justify-self: start; }
}

@media (max-width: 700px) {
  .agent-page-heading { gap: 10px; margin-bottom: 9px; }
  .agent-page-heading h1 { font-size: 26px; }
  .agent-page-heading p { font-size: 12px; line-height: 1.45; }
  .agent-heading-trust { gap: 4px; margin-top: 6px; }
  .agent-heading-trust span { min-height: 21px; padding: 2px 7px; font-size:9.5px; }
  .agent-heading-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  .agent-heading-actions .btn { min-width: 0; padding-inline: 8px; font-size: 11px; }

  #view-competitors > .page-ai-overview { grid-template-columns: 34px minmax(0, 1fr); margin-bottom: 9px; }
  #view-competitors > .page-ai-overview .page-ai-rail { padding-top: 9px; }
  #view-competitors > .page-ai-overview .page-ai-rail span { width: 23px; height: 23px; font-size: 13px; }
  #view-competitors > .page-ai-overview .page-ai-shell { padding: 8px 8px 7px; }
  #view-competitors > .page-ai-overview .page-ai-head { gap: 6px; }
  #view-competitors > .page-ai-overview .page-ai-title h2 { font-size: 14px; line-height: 1.22; }
  #view-competitors > .page-ai-overview .page-ai-body { display: block; margin-top: 7px; }
  #view-competitors > .page-ai-overview .page-ai-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
  #view-competitors > .page-ai-overview .page-ai-point { padding: 6px; }
  #view-competitors > .page-ai-overview .page-ai-point b { font-size: 10px; }
  #view-competitors > .page-ai-overview .page-ai-point p { font-size:10px; -webkit-line-clamp: 2; }
  #view-competitors > .page-ai-overview .page-ai-point-action { font-size:10px; }
  #view-competitors > .page-ai-overview .page-ai-interpretation { display: none; }

  .agent-metrics {
    display: grid;
    grid-auto-columns: minmax(138px, 1fr);
    grid-auto-flow: column;
    grid-template-columns: none;
    gap: 7px;
    margin-bottom: 9px;
    overflow-x: auto;
    padding-bottom: 2px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }
  .agent-metric { min-height: 52px; padding: 7px 9px; scroll-snap-align: start; }
  .agent-metric strong { font-size: 20px; }

  .agent-tabs { padding-inline: 7px; }
  .agent-tabs button { padding-inline: 10px; }
  .agent-subtabs { padding: 6px 8px; }
  .agent-toolbar { grid-template-columns: minmax(0, 1fr) auto; gap: 7px; padding: 8px; }
  .agent-toolbar .agent-search { grid-column: auto; }
  .agent-toolbar[data-expandable="false"] .agent-search { grid-column: 1 / -1; }
  .agent-filter-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 36px; padding-inline: 10px; }
  .agent-filter-toggle span { display: inline-grid; place-items: center; min-width: 18px; height: 18px; border-radius: 999px; background: var(--grey-bg); color: var(--ink-2); font-size:10px; }
  .agent-toolbar .agent-toolbar-field,
  .agent-toolbar .agent-export-group,
  .agent-toolbar .agent-clear-filters { display: none; }
  .agent-toolbar[data-filters-open="true"] .agent-toolbar-field,
  .agent-toolbar[data-filters-open="true"] .agent-export-group,
  .agent-toolbar[data-filters-open="true"] .agent-clear-filters,
  .agent-toolbar .agent-toolbar-field.has-value { display: grid; }
  .agent-toolbar[data-filters-open="true"] .agent-toolbar-field,
  .agent-toolbar-field.has-value,
  .agent-toolbar[data-filters-open="true"] .agent-export-group { grid-column: 1 / -1; }
  .agent-toolbar[data-filters-open="true"] .agent-clear-filters { grid-column: 1 / -1; justify-self: start; }
  .agent-export-group { grid-template-columns: minmax(0, 1fr) auto; }
  .agent-pane { padding: 11px; }

  .agent-table-wrap { position: relative; }
  .agent-table-hint { display: block; }
  .agent-data-table th:first-child,
  .agent-data-table td:first-child { position: sticky; left: 0; z-index: 1; background: var(--panel); box-shadow: 1px 0 0 var(--line); }
  .agent-data-table th:first-child { z-index: 2; background: var(--panel-2); }
}

/* Competitive-intelligence dossier system — directory first, evidence always visible. */
#view-competitors[data-agent-profile-open="true"] > .agent-page-heading,
#view-competitors[data-agent-profile-open="true"] > .page-ai-overview,
#view-competitors[data-agent-profile-open="true"] > .agent-metrics,
#view-competitors[data-agent-profile-open="true"] > .page-ai-overview,
#view-competitors[data-agent-workspace-state="onboarding"] > .page-ai-overview,
#view-competitors[data-agent-workspace-state="error"] > .page-ai-overview,
.agent-workspace[data-active-tab="profile"] > .agent-tabs,
.agent-workspace[data-active-tab="profile"] > .agent-subtabs,
.agent-toolbar[hidden] { display: none !important; }
.agent-workspace[data-active-tab="profile"] { border: 0; background: transparent; box-shadow: none; }
.agent-profile-pane { padding: 0; }

.agent-directory-head,
.agent-profile-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 13px; }
.agent-directory-head h2,
.agent-profile-section-head h2 { margin: 0 0 3px; font-size: 18px; letter-spacing: -.015em; }
.agent-directory-head p,
.agent-profile-section-head p { margin: 0; color: var(--ink-3); font-size: 11px; }
.agent-directory-head > div:last-child { display: flex; gap: 16px; color: var(--ink-3); font-size: 10px; }
.agent-directory-head > div:last-child b { color: var(--ink); font-size: 14px; }
.agent-directory-layout { display: grid; grid-template-columns: minmax(0, 2.5fr) minmax(250px, .75fr); gap: 13px; align-items: start; }
.agent-directory-main,
.agent-directory-rail > section,
.agent-profile-block,
.agent-profile-rail > section,
.agent-company-groups > div { border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }
.agent-directory-main { min-width: 0; }
.agent-directory-table-wrap { width: 100%; max-width: 100%; overflow: auto; border-radius: 10px; }
.agent-directory-table { width: 100%; min-width: 790px; border-collapse: collapse; font-size: 11px; }
.agent-directory-table th { padding: 10px 11px; color: var(--ink-3); background: var(--panel-2); font-size:10px; font-weight: 800; letter-spacing: .045em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.agent-directory-table td { padding: 10px 11px; border-top: 1px solid var(--line); vertical-align: middle; }
.agent-directory-table tbody tr { transition: background .15s ease; }
.agent-directory-table tbody tr:hover,
.agent-directory-table tbody tr:focus-within { background: color-mix(in srgb, var(--accent-soft) 46%, var(--panel)); }
.agent-directory-table td > b,
.agent-directory-table td > small { display: block; }
.agent-directory-table td > b { font-size: 12px; }
.agent-directory-table td > small { margin-top: 2px; color: var(--ink-3); font-size:10px; }
.agent-directory-company { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 200px; }
.agent-directory-company .agent-competitor-logo,
.agent-research-queue .agent-competitor-logo { width: 33px; height: 33px; border-radius: 50%; font-size: 10px; }
.agent-directory-company button,
.agent-directory-company a,
.agent-research-queue button:not(.btn),
.agent-research-queue a,
.agent-table-profile-link { appearance: none; padding: 0; border: 0; color: var(--accent); background: transparent; font: inherit; font-weight: 800; text-align: left; cursor: pointer; }
.agent-directory-company button:hover,
.agent-directory-company a:hover,
.agent-research-queue button:not(.btn):hover,
.agent-research-queue a:hover,
.agent-table-profile-link:hover { text-decoration: underline; text-underline-offset: 2px; }
.agent-directory-company small { display: block; margin-top: 2px; max-width: 230px; overflow: hidden; color: var(--ink-3); font-size:10px; text-overflow: ellipsis; white-space: nowrap; }
.agent-monitor-state { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.agent-monitor-state i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
.agent-monitor-state[data-status="paused"] i,
.agent-monitor-state[data-status="archived"] i { background: var(--ink-3); }
.agent-monitor-state[data-status="watching"]:has(+ *) i { background: var(--green); }
.agent-directory-next { display: grid; gap: 5px; min-width: 150px; }
.agent-directory-next strong { color: var(--ink-2); font-size: 10px; font-weight: 750; line-height: 1.35; }
.agent-directory-coverage { min-width: 116px; }
.agent-directory-coverage > b { display: inline-block; margin-right: 7px; font-size: 11px; }
.agent-directory-coverage > i { display: inline-block; width: 55px; height: 5px; overflow: hidden; border-radius: 999px; background: var(--grey-bg); vertical-align: 1px; }
.agent-directory-coverage > i span { display: block; height: 100%; border-radius: inherit; background: var(--green); }
.agent-directory-coverage small { display: block; margin-top: 3px; color: var(--ink-3); font-size:10px; }
.agent-directory-evidence { display: flex; flex-wrap: wrap; gap: 5px; min-width: 170px; }
.agent-directory-evidence span { padding: 4px 6px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink-3); background: var(--panel-2); font-size: 9.5px; white-space: nowrap; }
.agent-directory-evidence b { color: var(--ink); font-size: 10px; }
.agent-directory-open { appearance: none; width: 27px; height: 27px; display: inline-grid; place-items: center; border: 1px solid transparent; border-radius: 7px; color: var(--accent); background: transparent; font: inherit; font-size: 18px; line-height: 1; text-decoration: none; cursor: pointer; }
.agent-directory-open:hover,
.agent-directory-open:focus-visible { border-color: var(--line); background: var(--panel-2); outline: none; }
.agent-directory-rail { display: grid; gap: 12px; }
.agent-directory-rail > section > header { padding: 12px 13px 10px; border-bottom: 1px solid var(--line); }
.agent-directory-rail h3 { margin: 0 0 2px; font-size: 13px; }
.agent-directory-rail header p { margin: 0; color: var(--ink-3); font-size:10px; }
.agent-research-queue { display: grid; }
.agent-research-queue > div { display: grid; grid-template-columns: 31px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 9px 11px; border-top: 1px solid var(--line); }
.agent-research-queue > div:first-child { border-top: 0; }
.agent-research-queue small { display: block; margin-top: 2px; overflow: hidden; color: var(--ink-3); font-size:9.5px; text-overflow: ellipsis; white-space: nowrap; }
.agent-gap-summary { display: grid; }
.agent-gap-summary > div { display: flex; justify-content: space-between; gap: 10px; padding: 8px 12px; border-top: 1px solid var(--line); color: var(--ink-2); font-size: 10px; }
.agent-gap-summary > div:first-child { border-top: 0; }
.agent-gap-summary b { color: var(--orange); }

.agent-profile-back { appearance: none; margin: 0 0 9px; padding: 0; border: 0; color: var(--ink-3); background: transparent; font: inherit; font-size: 10px; cursor: pointer; }
.agent-profile-back:hover { color: var(--accent); }
.agent-profile-header { display: grid; grid-template-columns: 52px minmax(180px, 1.25fr) repeat(3, minmax(105px, .55fr)) auto; gap: 15px; align-items: center; padding: 14px 0 15px; border-bottom: 1px solid var(--line); }
.agent-profile-logo { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: #092a5e; font-size: 22px; font-weight: 780; letter-spacing: -.04em; }
.agent-profile-identity h1 { margin: 0 0 4px; font-size: 24px; letter-spacing: -.025em; }
.agent-profile-identity a,
.agent-profile-identity > span { color: var(--accent); font-size: 10px; text-decoration: none; overflow-wrap: anywhere; }
.agent-profile-stat { min-height: 38px; padding-left: 13px; border-left: 1px solid var(--line); }
.agent-profile-stat > span,
.agent-profile-stat > b { display: block; }
.agent-profile-stat > span { margin-bottom: 4px; color: var(--ink-3); font-size:9.5px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.agent-profile-stat > b { font-size: 11px; }
.agent-profile-completeness i { display: block; width: 100%; max-width: 110px; height: 4px; margin-top: 5px; overflow: hidden; border-radius: 999px; background: var(--grey-bg); }
.agent-profile-completeness i span { display: block; height: 100%; background: var(--accent); }
.agent-profile-actions { display: flex; gap: 6px; justify-content: flex-end; }
.agent-profile-actions .btn { min-height: 35px; white-space: nowrap; }
.agent-profile-more { position: relative; }
.agent-profile-more summary { min-height: 35px; display: grid; place-items: center; padding: 0 11px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink-2); background: var(--panel); font-size: 10px; font-weight: 750; list-style: none; cursor: pointer; }
.agent-profile-more summary::-webkit-details-marker { display: none; }
.agent-profile-more[open] summary { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }
.agent-profile-more > div { position: absolute; z-index: 20; top: calc(100% + 5px); right: 0; min-width: 145px; display: grid; padding: 5px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); box-shadow: var(--shadow); }
.agent-profile-more button { appearance: none; padding: 8px 9px; border: 0; border-radius: 6px; color: var(--ink-2); background: transparent; font: inherit; font-size: 10px; font-weight: 700; text-align: left; cursor: pointer; }
.agent-profile-more button:hover { color: var(--accent); background: var(--accent-soft); }
.agent-profile-next { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 10px 0 0; padding: 10px 12px; border-left: 3px solid var(--accent); border-radius: 8px; background: var(--accent-soft); }
.agent-profile-next > div { min-width: 0; }
.agent-profile-next span, .agent-profile-next strong, .agent-profile-next small { display: block; }
.agent-profile-next span { margin-bottom: 2px; color: var(--accent); font-size: 9.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.agent-profile-next strong { font-size: 12px; }
.agent-profile-next small { margin-top: 2px; color: var(--ink-2); font-size: 10px; line-height: 1.4; }
.agent-profile-next .btn { flex: none; min-height: 34px; }
.agent-profile-mobile-nav { display: none; }
.agent-profile-layout { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 14px; align-items: start; padding-top: 12px; }
.agent-profile-index { position: sticky; top: 64px; display: grid; gap: 12px; padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }
.agent-profile-index section { display: grid; gap: 2px; }
.agent-profile-index h2 { margin: 0 0 3px; padding: 0 7px; color: var(--ink-3); font-size: 9.5px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.agent-profile-index button { appearance: none; min-height: 31px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 7px; border: 0; border-radius: 6px; color: var(--ink-2); background: transparent; font: inherit; font-size: 10px; font-weight: 700; text-align: left; cursor: pointer; }
.agent-profile-index button b { color: transparent; font-size: 14px; }
.agent-profile-index button:hover { color: var(--ink); background: var(--panel-2); }
.agent-profile-index button[aria-selected="true"] { color: var(--accent); background: var(--accent-soft); }
.agent-profile-index button[aria-selected="true"] b { color: var(--accent); }
.agent-profile-body { min-width: 0; }
.agent-profile-analysis { display: grid; grid-template-columns: minmax(0, 2.5fr) minmax(240px, .82fr); gap: 12px; align-items: start; }
.agent-profile-analysis > .agent-profile-main { display: grid; gap: 10px; }
.agent-profile-block { padding: 12px 13px; }
.agent-profile-block > h2,
.agent-profile-block-head h2 { margin: 0 0 10px; font-size: 13px; }
.agent-profile-block > p { margin: 0 0 12px; color: var(--ink-2); font-size: 11px; line-height: 1.5; }
.agent-profile-block-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.agent-profile-block-head button,
.agent-profile-rail section > button { appearance: none; padding: 0; border: 0; color: var(--accent); background: transparent; font: inherit; font-size:10px; font-weight: 750; cursor: pointer; }
.agent-fact-list { margin: 0; }
.agent-fact-row { display: grid; grid-template-columns: 140px minmax(170px, 1fr) 120px minmax(90px, .55fr); gap: 9px; align-items: center; min-height: 28px; border-top: 1px solid var(--line); font-size: 10px; }
.agent-fact-row:first-child { border-top: 0; }
.agent-fact-row dt { font-weight: 750; }
.agent-fact-row dd { min-width: 0; margin: 0; }
.agent-fact-row dd > span:not(.agent-claim-state) { color: var(--ink-3); }
.agent-fact-row a { color: var(--accent); text-decoration: none; }
.agent-claim-state { display: inline-flex; align-items: center; justify-content: center; min-height: 20px; padding: 2px 7px; border: 1px solid var(--line); border-radius: 5px; color: var(--ink-3); background: var(--panel-2); font-size:9.5px; font-weight: 750; white-space: nowrap; }
.agent-claim-state[data-claim="Verified"] { color: var(--green); border-color: color-mix(in srgb, var(--green) 28%, var(--line)); background: var(--green-bg); }
.agent-claim-state[data-claim="Strongly supported"] { color: #367a31; border-color: color-mix(in srgb, var(--green) 18%, var(--line)); background: color-mix(in srgb, var(--green-bg) 55%, var(--panel)); }
.agent-claim-state[data-claim="Inferred"] { color: var(--orange); border-color: color-mix(in srgb, var(--orange) 30%, var(--line)); background: var(--orange-bg); }
.agent-comparison-list > div { display: grid; grid-template-columns: 140px minmax(0, 1fr) 120px; gap: 9px; align-items: center; min-height: 30px; border-top: 1px solid var(--line); font-size: 10px; }
.agent-comparison-list > div:first-child { border-top: 0; }
.agent-profile-findings > div { display: grid; grid-template-columns: 8px minmax(0, 1fr) 120px 65px; gap: 9px; align-items: center; min-height: 38px; border-top: 1px solid var(--line); }
.agent-profile-findings > div:first-child { border-top: 0; }
.agent-profile-findings b { font-size: 10px; }
.agent-profile-findings p { margin: 2px 0 0; color: var(--ink-3); font-size:10px; }
.agent-profile-findings a { color: var(--accent); font-size:10px; text-decoration: none; }
.agent-import-summary { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 12px; }
.agent-import-summary > aside { padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-2); }
.agent-import-summary > aside span { display: block; color: var(--ink-3); font-size:9.5px; font-weight: 750; text-transform: uppercase; }
.agent-import-summary > aside strong { display: block; margin: 5px 0; color: var(--orange); font-size: 22px; }
.agent-import-summary > aside strong[data-grade="High"] { color: var(--green); }
.agent-import-summary > aside strong[data-grade="Low"] { color: var(--red); }
.agent-import-summary > aside p { margin: 0; color: var(--ink-2); font-size:10px; line-height: 1.4; }
.agent-import-summary dl { margin: 0; }
.agent-import-summary dl > div { display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 8px; min-height: 27px; align-items: center; border-top: 1px solid var(--line); font-size:10px; }
.agent-import-summary dl > div:first-child { border-top: 0; }
.agent-import-summary dt { font-weight: 750; }
.agent-import-summary dd { margin: 0; }
.agent-importkey-note { margin: 9px 0 0; padding: 7px 9px; border-radius: 6px; color: var(--ink-2); background: var(--accent-soft); font-size:10px; line-height: 1.4; }
.agent-category-strip { display: flex; flex-wrap: wrap; gap: 6px; }
.agent-category-strip span { min-width: 120px; display: flex; justify-content: space-between; gap: 12px; padding: 8px 9px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink-2); font-size:10px; }
.agent-category-strip b { color: var(--ink); }
.agent-profile-rail { display: grid; gap: 10px; }
.agent-profile-rail > section { padding: 12px; }
.agent-profile-rail h3 { margin: 0 0 9px; font-size: 12px; }
.agent-evidence-count { display: flex; align-items: center; justify-content: space-between; min-height: 28px; font-size: 10px; }
.agent-evidence-count span { display: inline-flex; align-items: center; gap: 7px; }
.agent-evidence-count i { width: 7px; height: 7px; border-radius: 50%; background: var(--ink-3); }
.agent-evidence-count i[data-claim="Verified"],
.agent-evidence-count i[data-claim="Strongly supported"] { background: var(--green); }
.agent-evidence-count i[data-claim="Inferred"] { background: var(--orange); }
.agent-profile-gap { display: grid; grid-template-columns: 15px minmax(0, 1fr) auto; gap: 6px; align-items: center; min-height: 28px; font-size:10px; }
.agent-profile-gap > span { color: var(--orange); }
.agent-profile-gap small { color: var(--ink-3); }
.agent-profile-rail section > button { margin-top: 8px; }
.agent-profile-source-mini { display: grid; grid-template-columns: 8px minmax(0, 1fr); gap: 7px; align-items: start; min-height: 33px; }
.agent-profile-source-mini b,
.agent-profile-source-mini small { display: block; }
.agent-profile-source-mini b { font-size:10px; }
.agent-profile-source-mini small { margin-top: 2px; color: var(--ink-3); font-size:9.5px; }
.agent-supplier-grade { display: inline-flex; min-width: 50px; justify-content: center; padding: 3px 7px; border: 1px solid color-mix(in srgb, var(--orange) 28%, var(--line)); border-radius: 5px; color: var(--orange); background: var(--orange-bg); font-size:10px; font-weight: 800; }
.agent-supplier-grade[data-grade="High"] { color: var(--green); border-color: color-mix(in srgb, var(--green) 28%, var(--line)); background: var(--green-bg); }
.agent-supplier-grade[data-grade="Low"] { color: var(--red); border-color: color-mix(in srgb, var(--red) 24%, var(--line)); background: var(--red-bg); }
.agent-table-profile-link { display: block; }
.agent-data-table td > small { display: block; margin-top: 4px; color: var(--ink-3); font-size:10px; line-height: 1.35; }
.agent-company-detail { display: grid; gap: 12px; }
.agent-company-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.agent-company-groups > div { padding: 12px; }
.agent-company-groups h3 { margin: 0 0 8px; font-size: 12px; }
.agent-company-groups p { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; }
.agent-company-groups p span { padding: 4px 7px; border-radius: 5px; color: var(--ink-2); background: var(--panel-2); font-size:10px; }
.agent-company-groups p em { color: var(--ink-3); font-size: 10px; }
.agent-profile-sources { display: grid; gap: 7px; }
.agent-profile-sources > div { display: grid; grid-template-columns: 9px minmax(0, 1fr) auto; gap: 9px; align-items: start; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); }
.agent-profile-sources strong,
.agent-profile-sources small,
.agent-profile-sources a,
.agent-profile-sources em { display: block; }
.agent-profile-sources small { margin-top: 2px; color: var(--ink-3); }
.agent-profile-sources a { margin-top: 3px; color: var(--accent); font-size:10px; text-decoration: none; }
.agent-profile-sources em { margin-top: 3px; color: var(--red); font-size:10px; font-style: normal; }
.agent-profile-sources > div > span:last-child { color: var(--ink-3); font-size:10px; }

@media (max-width: 1480px) {
  .agent-directory-layout { grid-template-columns: 1fr; }
  .agent-directory-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-profile-header { grid-template-columns: 52px minmax(180px, 1fr) repeat(3, minmax(90px, .55fr)); }
  .agent-profile-actions { grid-column: 2 / -1; }
  .agent-profile-analysis { grid-template-columns: 1fr; }
  .agent-profile-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .agent-onboarding { grid-template-columns: 1fr; margin: 8px auto; padding: 18px; }
  .agent-onboarding > aside { display: grid; }
  .agent-directory-head { align-items: flex-start; flex-direction: column; }
  .agent-directory-layout { display: block; }
  .agent-directory-table-wrap { overflow: visible; }
  .agent-directory-table { display: block; width: 100%; min-width: 0; padding: 8px; }
  .agent-directory-table thead { display: none; }
  .agent-directory-table tbody { display: grid; gap: 8px; }
  .agent-directory-table tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); }
  .agent-directory-table td { display: block; min-width: 0; padding: 8px 10px; border-top: 1px solid var(--line); }
  .agent-directory-table td::before { display: block; margin-bottom: 4px; color: var(--ink-3); font-size:9.5px; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
  .agent-directory-table td:first-child { grid-column: 1 / -1; border-top: 0; }
  .agent-directory-table td:nth-child(2)::before { content: "Status & next step"; }
  .agent-directory-table td:nth-child(3)::before { content: "Profile coverage"; }
  .agent-directory-table td:nth-child(4)::before { content: "Intelligence retained"; }
  .agent-directory-table td:nth-child(5)::before { content: "Last researched"; }
  .agent-directory-table td:last-child { grid-column: 1 / -1; padding: 0; }
  .agent-directory-table td:last-child::before { display: none; }
  .agent-directory-company { min-width: 0; }
  .agent-directory-company small { max-width: 100%; }
  .agent-directory-coverage { min-width: 0; }
  .agent-directory-open { width: 100%; height: 34px; border-radius: 0; }
  .agent-directory-rail { display: grid; grid-template-columns: 1fr; margin-top: 10px; }
  .agent-profile-header { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .agent-profile-logo { width: 45px; height: 45px; font-size: 18px; }
  .agent-profile-logo { grid-column: 1; }
  .agent-profile-identity { grid-column: 2 / -1; }
  .agent-profile-identity h1 { font-size: 20px; }
  .agent-profile-stat { padding: 8px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .agent-profile-monitoring { grid-column: 1; }
  .agent-profile-researched { grid-column: 2; }
  .agent-profile-completeness { grid-column: 3; }
  .agent-profile-stat > span { min-height: 24px; line-height: 1.25; }
  .agent-profile-actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
  .agent-profile-actions .btn:first-child { grid-column: 1 / -1; }
  .agent-profile-more summary { height: 100%; }
  .agent-profile-next { align-items: stretch; flex-direction: column; }
  .agent-profile-next .btn { width: 100%; }
  .agent-profile-mobile-nav { display: grid; gap: 5px; margin-top: 12px; }
  .agent-profile-mobile-nav > span { color: var(--ink-3); font-size: 9.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
  .agent-profile-mobile-nav select { width: 100%; min-height: 40px; padding: 0 34px 0 11px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: var(--panel); font: inherit; font-size: 11px; font-weight: 750; }
  .agent-profile-layout { display: block; padding-top: 10px; }
  .agent-profile-index { display: none; }
  .agent-profile-rail { grid-template-columns: 1fr; }
  .agent-fact-row { grid-template-columns: 105px minmax(0, 1fr); gap: 5px 8px; padding: 6px 0; }
  .agent-fact-row dd:nth-of-type(2),
  .agent-fact-row dd:nth-of-type(3) { grid-column: 2; }
  .agent-comparison-list > div { grid-template-columns: 105px minmax(0, 1fr); padding: 6px 0; }
  .agent-comparison-list .agent-claim-state { grid-column: 2; justify-self: start; }
  .agent-profile-findings > div { grid-template-columns: 8px minmax(0, 1fr); padding: 7px 0; }
  .agent-profile-findings .agent-claim-state,
  .agent-profile-findings a { grid-column: 2; justify-self: start; }
  .agent-import-summary { grid-template-columns: 1fr; }
  .agent-company-groups { grid-template-columns: 1fr; }
}

/* Structured competitive knowledge base */
.agent-intelligence-dialog { width: min(920px, calc(100vw - 28px)); }
.agent-intelligence-dialog > form { max-height: min(88vh, 900px); overflow: auto; }
.agent-intelligence-dialog .agent-dialog-head { position: sticky; top: 0; z-index: 3; background: var(--panel); }
.agent-intelligence-core { padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.agent-intelligence-fields { padding-top: 14px; }
.agent-intelligence-fields > * { grid-column: 1 / -1; }
.agent-intelligence-guidance { display: grid; gap: 3px; padding: 10px 12px; border-left: 3px solid var(--accent); border-radius: 8px; background: var(--accent-soft); }
.agent-intelligence-guidance b { color: var(--accent); font-size: 11px; }
.agent-intelligence-guidance span { color: var(--ink-2); font-size: 10px; line-height: 1.45; }
.agent-intelligence-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.agent-intelligence-field-grid .agent-dialog-wide { grid-column: 1 / -1; }
.agent-intelligence-evidence { margin: 8px 22px 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); }
.agent-intelligence-evidence summary { padding: 13px 15px; color: var(--ink-2); font-size: 12px; font-weight: 800; cursor: pointer; }
.agent-intelligence-evidence .agent-dialog-grid { padding-top: 4px; }
.agent-dialog-check { display: flex !important; flex-direction: row !important; align-items: center; gap: 9px !important; min-height: 42px; }
.agent-dialog-check input { width: 17px !important; height: 17px; margin: 0; }

.agent-profile-section-head { gap: 16px; }
.agent-profile-section-head.is-subsection { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }
.agent-section-export { display: flex; justify-content: flex-end; margin: -8px 0 10px; }
.agent-provenance { display: inline-flex; align-items: center; width: max-content; min-height: 23px; padding: 3px 7px; border: 1px solid transparent; border-radius: 6px; font-size: 9.5px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.agent-provenance[data-provenance="verified_public"] { color: #146c43; background: #eaf8f0; border-color: #bfe2cd; }
.agent-provenance[data-provenance="manual_internal"] { color: #6b4b17; background: #fff6dd; border-color: #ecd9a5; }
.agent-provenance[data-provenance="ai_analysis"] { color: #235984; background: #eaf4fc; border-color: #bfd9ed; }
.agent-provenance[data-provenance="unconfirmed"] { color: #7a3140; background: #fff0f2; border-color: #ecc8cf; }

.agent-entity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.agent-entity-card { min-width: 0; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); }
.agent-entity-card > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.agent-entity-card h3 { margin: 0 0 3px; font-size: 15px; }
.agent-entity-card header p { margin: 0; color: var(--ink-3); font-size: 11px; }
.agent-entity-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 14px 0; }
.agent-entity-card dl div { min-width: 0; }
.agent-entity-card dt { color: var(--ink-3); font-size: 9.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.agent-entity-card dd { margin: 3px 0 0; color: var(--ink-1); font-size: 12px; font-weight: 700; overflow-wrap: anywhere; }
.agent-entity-card footer { display: flex; justify-content: space-between; align-items: center; gap: 9px; padding-top: 11px; border-top: 1px solid var(--line); color: var(--ink-3); font-size: 10px; }
.agent-entity-card footer a { color: var(--accent); font-weight: 800; text-decoration: none; }
.agent-relationship-status { flex: 0 0 auto; padding: 4px 8px; border-radius: 999px; background: var(--grey-bg); color: var(--ink-2); font-size: 9.5px; font-weight: 900; text-transform: uppercase; }
.agent-relationship-status[data-status="Confirmed"] { color: #146c43; background: #eaf8f0; }
.agent-relationship-status[data-status="Strong Evidence"] { color: #235984; background: #eaf4fc; }
.agent-relationship-status[data-status="Possible"], .agent-relationship-status[data-status="Unknown"] { color: #6b4b17; background: #fff6dd; }
.agent-relationship-why { min-height: 62px; margin: 13px 0 10px; padding: 10px; border-radius: 9px; background: var(--panel); color: var(--ink-2); font-size: 11px; line-height: 1.5; }
.agent-relationship-why b { display: block; margin-bottom: 4px; color: var(--ink-1); font-size: 9.5px; letter-spacing: .06em; text-transform: uppercase; }
.agent-entity-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px; }
.agent-entity-tags span { padding: 3px 7px; border-radius: 999px; background: var(--accent-soft); color: var(--accent); font-size: 9.5px; font-weight: 800; }

.agent-timeline { position: relative; display: grid; gap: 0; }
.agent-timeline::before { content: ""; position: absolute; top: 12px; bottom: 12px; left: 148px; width: 1px; background: var(--line); }
.agent-timeline > article { display: grid; grid-template-columns: 130px 16px minmax(0, 1fr); gap: 10px; align-items: start; min-width: 0; padding: 11px 0; }
.agent-timeline time { color: var(--ink-3); font-size: 10px; text-align: right; }
.agent-timeline-mark { z-index: 1; width: 10px; height: 10px; margin-top: 3px; border: 2px solid var(--panel); border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 1px var(--line); }
.agent-timeline-mark[data-kind="comment"] { background: #e79b20; }
.agent-timeline-mark[data-kind="change"] { background: #c8404b; }
.agent-timeline > article > div { min-width: 0; padding: 0 0 12px; border-bottom: 1px solid var(--line); }
.agent-timeline header { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.agent-timeline p { margin: 5px 0; color: var(--ink-2); font-size: 12px; line-height: 1.45; }
.agent-timeline small { color: var(--ink-3); font-size: 10px; }
.agent-timeline a { display: inline-flex; margin-left: 8px; color: var(--accent); font-size: 10px; font-weight: 800; text-decoration: none; }

.agent-intelligence-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .32fr); gap: 15px; align-items: start; }
.agent-manual-list { display: grid; gap: 8px; }
.agent-manual-list > article { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-2); }
.agent-manual-list h3 { margin: 0 0 4px; font-size: 13px; }
.agent-manual-list p { margin: 0 0 5px; color: var(--ink-2); font-size: 11px; line-height: 1.45; }
.agent-manual-list small { color: var(--ink-3); font-size: 9.5px; }
.agent-comments { position: sticky; top: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); }
.agent-comments h3 { margin: 0 0 3px; font-size: 14px; }
.agent-comments > p { margin: 0 0 12px; color: var(--ink-3); font-size: 10px; }
.agent-comments form { display: grid; gap: 7px; margin-bottom: 13px; }
.agent-comments textarea { min-height: 76px; resize: vertical; padding: 9px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); color: var(--ink-1); font: inherit; font-size: 11px; }
.agent-comments form button { justify-self: end; }
.agent-comments > div { display: grid; gap: 7px; }
.agent-comments article { padding: 9px; border-radius: 8px; background: var(--panel); }
.agent-comments article p { margin: 0 0 5px; color: var(--ink-2); font-size: 11px; line-height: 1.4; }
.agent-comments article small, .agent-comments > div > span { color: var(--ink-3); font-size: 9.5px; }

.agent-monitoring-rules { margin-top: 18px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); }
.agent-monitoring-rules > header { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.agent-monitoring-rules h3 { margin: 0 0 3px; font-size: 14px; }
.agent-monitoring-rules header p { margin: 0; color: var(--ink-3); font-size: 10px; }
.agent-monitoring-rules > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.agent-monitoring-rules label { display: grid; gap: 4px; padding: 9px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); }
.agent-monitoring-rules label span { color: var(--ink-2); font-size: 10px; font-weight: 800; }
.agent-monitoring-rules select { width: 100%; min-height: 34px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel-2); color: var(--ink-1); font: inherit; font-size: 11px; }
.agent-monitoring-rules small { color: var(--ink-3); font-size: 9.5px; }

.agent-recent-feed { margin-top: 14px; }
.agent-recent-feed > header { display: flex; justify-content: space-between; align-items: flex-start; }
.agent-recent-feed > div { display: grid; }
.agent-recent-feed article { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 11px 0; border-top: 1px solid var(--line); }
.agent-recent-feed article:first-child { border-top: 0; }
.agent-recent-feed article header { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.agent-recent-feed article p { margin: 4px 0; color: var(--ink-2); font-size: 11px; }
.agent-recent-feed article small { color: var(--ink-3); font-size: 9.5px; }
.agent-recent-feed article > button { border: 0; background: transparent; color: var(--accent); font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; }
.agent-run-progress { padding: 9px 11px; border-radius: 9px; background: var(--accent-soft); color: var(--accent); font-size: 11px; font-weight: 700; }
.agent-match-status { display: inline-flex; width: max-content; margin-top: 5px; padding: 3px 7px; border-radius: 999px; background: var(--grey-bg); color: var(--ink-2); font-size: 9.5px; font-weight: 900; text-transform: uppercase; }
.agent-match-status[data-status="confirmed"] { background: #eaf8f0; color: #146c43; }
.agent-match-status[data-status="rejected"] { background: #fff0f2; color: #7a3140; }
.agent-match-actions { display: flex !important; gap: 5px; margin-top: 6px; }
.agent-match-actions button { min-height: 26px; padding: 3px 7px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); color: var(--ink-2); font: inherit; font-size: 9.5px; font-weight: 800; cursor: pointer; }
.agent-match-actions button:last-child { border-color: var(--accent); background: var(--accent-soft); color: var(--accent); }

.agent-cross-intelligence { margin-top: 14px; }
.agent-cross-intelligence > header { margin-bottom: 4px; }
.agent-cross-intelligence > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.agent-cross-intelligence article { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 10px; padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-2); }
.agent-cross-intelligence article > span { align-self: start; padding: 4px 6px; border-radius: 6px; background: var(--accent-soft); color: var(--accent); font-size: 9.5px; font-weight: 900; text-align: center; text-transform: uppercase; }
.agent-cross-intelligence article b { display: block; color: var(--ink-1); font-size: 12px; }
.agent-cross-intelligence article p { margin: 4px 0 0; color: var(--ink-3); font-size: 10px; line-height: 1.45; }
.agent-change-history { margin-bottom: 14px; }

@media (max-width: 920px) {
  .agent-entity-grid, .agent-intelligence-layout, .agent-cross-intelligence > div { grid-template-columns: 1fr; }
  .agent-comments { position: static; }
  .agent-monitoring-rules > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .agent-intelligence-evidence { margin-inline: 12px; }
  .agent-entity-card > header, .agent-entity-card footer, .agent-monitoring-rules > header, .agent-recent-feed > header { align-items: stretch; flex-direction: column; }
  .agent-entity-card dl, .agent-monitoring-rules > div { grid-template-columns: 1fr; }
  .agent-timeline::before { left: 7px; }
  .agent-timeline > article { grid-template-columns: 16px minmax(0, 1fr); }
  .agent-timeline time { grid-column: 2; grid-row: 1; text-align: left; }
  .agent-timeline > article > .agent-priority-dot, .agent-timeline > article > .agent-timeline-mark { grid-column: 1; grid-row: 1 / span 2; }
  .agent-timeline > article > div { grid-column: 2; }
}
/* Supply-chain intelligence extension */
.agent-supply-head{align-items:flex-start}.agent-supply-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.agent-supply-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 20px}.agent-supply-controls>label,.agent-supplier-period{display:grid;gap:3px;color:var(--muted,#68778b);font-size:10px;font-weight:750;white-space:nowrap}.agent-supply-controls select,.agent-supplier-period select{min-height:36px;padding:0 31px 0 10px;border:1px solid var(--line,#dfe5ec);border-radius:8px;color:var(--ink,#18212f);background:var(--panel,#fff);font:inherit;font-size:11px;font-weight:700}.agent-supply-nav{display:flex;gap:6px;margin:0;padding:5px;width:max-content;max-width:100%;overflow:auto;border:1px solid var(--line,#dfe5ec);border-radius:12px;background:var(--soft,#f5f7fa)}.agent-supply-nav button{border:0;border-radius:8px;padding:9px 13px;background:transparent;color:var(--muted,#657386);font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}.agent-supply-nav button[aria-pressed="true"]{background:var(--panel,#fff);color:var(--accent,#096598);box-shadow:0 1px 4px rgba(31,44,61,.12)}
.agent-supply-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.agent-supply-kpis>div,.agent-supply-kpis>button{min-width:0;padding:16px;text-align:left;border:1px solid var(--line,#dfe5ec);border-radius:12px;background:var(--panel,#fff);color:inherit}.agent-supply-kpis>button{cursor:pointer}.agent-supply-kpis span,.agent-supply-kpis small{display:block;color:var(--muted,#68778b);font-size:12px}.agent-supply-kpis b{display:block;margin:5px 0;font-size:22px;color:var(--ink,#192536)}
.agent-supply-overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:14px}.agent-supply-overview-grid>section,.agent-supply-overview-grid>aside{min-width:0;border:1px solid var(--line,#dfe5ec);border-radius:14px;background:var(--panel,#fff);overflow:hidden}.agent-supply-overview-grid header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--line,#dfe5ec)}.agent-supply-overview-grid header h3,.agent-supply-overview-grid header p{margin:0}.agent-supply-overview-grid header p{margin-top:3px;color:var(--muted,#68778b);font-size:12px}.agent-supply-overview-grid header button{border:0;background:transparent;color:var(--accent,#096598);font:inherit;font-weight:700;cursor:pointer}
.agent-compact-shipments article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:13px 17px;border-bottom:1px solid var(--line,#e4e9ef)}.agent-compact-shipments article:last-child{border-bottom:0}.agent-compact-shipments article>div{min-width:0}.agent-compact-shipments strong,.agent-compact-shipments small{display:block}.agent-compact-shipments strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-compact-shipments button{border:0;padding:3px 0;background:transparent;color:var(--accent,#096598);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.agent-compact-shipments article>span,.agent-compact-shipments small{color:var(--muted,#68778b);font-size:12px}.agent-compact-shipments .agent-provenance{grid-column:2;grid-row:2/4;align-self:center}
.agent-origin-bars{display:grid;gap:13px;padding:17px}.agent-origin-bars>div{display:grid;grid-template-columns:minmax(80px,1fr) minmax(80px,2fr) auto;align-items:center;gap:9px;font-size:12px}.agent-origin-bars i{height:7px;overflow:hidden;border-radius:99px;background:var(--soft,#edf1f5)}.agent-origin-bars i b{display:block;height:100%;border-radius:inherit;background:#2a8fb8}.agent-origin-bars strong{min-width:22px;text-align:right}
.agent-supplier-directory{display:grid;gap:8px}.agent-supplier-directory>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:14px 16px;border:1px solid var(--line,#dfe5ec);border-radius:12px;background:var(--panel,#fff);color:inherit;text-align:left;cursor:pointer}.agent-supplier-directory>button:hover{border-color:#8dbbd0;background:color-mix(in srgb,var(--panel,#fff) 94%,#dff2fa)}.agent-supplier-directory>button>div{min-width:0}.agent-supplier-directory strong,.agent-supplier-directory small,.agent-supplier-directory>button>div>span,.agent-supplier-directory>button>b>small{display:block}.agent-supplier-directory>button>div>span,.agent-supplier-directory small,.agent-supplier-directory>button>b>small{margin-top:3px;color:var(--muted,#68778b);font-size:12px;font-weight:500}.agent-supplier-directory>button>b{text-align:right;font-size:13px}.agent-supplier-directory>button>i{font-size:22px}.agent-supplier-directory.compact>button{border-width:0 0 1px;border-radius:0}.agent-supplier-directory.compact>button:last-child{border-bottom:0}
.agent-shared-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.agent-shared-grid article{padding:16px;border:1px solid var(--line,#dfe5ec);border-radius:13px;background:var(--panel,#fff)}.agent-shared-grid header{display:flex;justify-content:space-between;gap:10px}.agent-shared-grid header button{border:0;padding:0;background:transparent;color:var(--accent,#096598);font:inherit;font-weight:800;cursor:pointer}.agent-shared-grid header span,.agent-shared-grid small{color:var(--muted,#68778b);font-size:12px}.agent-shared-grid>article>strong{display:block;margin:15px 0 4px}.agent-shared-grid>article>p{margin:0 0 12px}.agent-shared-grid>article>div{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}.agent-shared-grid>article>div span{padding:4px 7px;border-radius:99px;background:var(--soft,#eef3f7);font-size:11px}
.agent-opportunity-list{display:grid;gap:9px}.agent-opportunity-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px;border:1px solid var(--line,#dfe5ec);border-radius:12px;background:var(--panel,#fff)}.agent-opportunity-list article>span{padding:4px 7px;border-radius:99px;background:#fff0cc;color:#825300;font-size:10px;font-weight:800;text-transform:uppercase}.agent-opportunity-list button:not(.btn){border:0;padding:0;background:transparent;color:var(--accent,#096598);font:inherit;font-weight:800;cursor:pointer}.agent-opportunity-list p{margin:5px 0}.agent-opportunity-list small{color:var(--muted,#68778b)}
.agent-supplier-dossier{display:grid;gap:15px}.agent-supplier-dossier>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid var(--line,#dfe5ec);border-radius:14px;background:var(--panel,#fff)}.agent-supplier-dossier h2,.agent-supplier-dossier header p{margin:0}.agent-supplier-dossier header p{margin:4px 0;color:var(--muted,#68778b)}.agent-supplier-dossier-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.agent-supplier-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.agent-supplier-profile-grid>section{padding:16px;border:1px solid var(--line,#dfe5ec);border-radius:13px;background:var(--panel,#fff)}.agent-supplier-profile-grid h3{margin:0 0 12px}.agent-supplier-profile-grid dl{display:grid;gap:10px;margin:0}.agent-supplier-profile-grid dl>div{display:grid;grid-template-columns:130px 1fr;gap:10px}.agent-supplier-profile-grid dt{color:var(--muted,#68778b);font-size:12px}.agent-supplier-profile-grid dd{margin:0}.agent-relationship-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px}.agent-relationship-strip article{padding:13px;border:1px solid var(--line,#dfe5ec);border-radius:11px;background:var(--panel,#fff)}.agent-relationship-strip button{display:block;border:0;padding:0;background:transparent;color:var(--accent,#096598);font:inherit;font-weight:800;cursor:pointer}.agent-relationship-strip b,.agent-relationship-strip span,.agent-relationship-strip small{display:block;margin-top:4px}.agent-relationship-strip span,.agent-relationship-strip small{color:var(--muted,#68778b);font-size:12px}
.agent-match-review-list{display:grid;gap:8px}.agent-match-review-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line,#dfe5ec);border-radius:11px;background:var(--panel,#fff)}.agent-match-review-list strong,.agent-match-review-list span,.agent-match-review-list small{display:block}.agent-match-review-list small{margin-top:4px;color:var(--muted,#68778b)}
.agent-shipment-table{min-width:1080px}.agent-shipment-table td>strong,.agent-shipment-table td>span,.agent-shipment-table td>small{display:block}.agent-shipment-table td>a{display:inline-block;margin-top:5px}.agent-source-caveat.good{border-color:#a8d4ba;background:#effaf3}.agent-section-head.is-subsection{margin-top:8px}
.agent-trade-preview{min-height:110px;margin:14px 0;padding:14px;border:1px solid var(--line,#dfe5ec);border-radius:12px;background:var(--soft,#f6f8fa)}.agent-trade-preview>p{margin:25px;text-align:center;color:var(--muted,#68778b)}.agent-trade-preview>header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}.agent-trade-preview h3,.agent-trade-preview header p{margin:0}.agent-trade-preview header p{margin-top:3px;color:var(--muted,#68778b);font-size:12px}.agent-trade-preview header>span{padding:5px 9px;border-radius:99px;background:#ffedcc;color:#805200;font-size:11px;font-weight:800}.agent-trade-preview header>span[data-status="ready"]{background:#dff5e7;color:#176b3d}.agent-trade-mapping{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.agent-trade-mapping span{display:flex;gap:5px;padding:5px 8px;border-radius:7px;background:var(--panel,#fff);font-size:11px}.agent-trade-file input{padding:10px;border:1px dashed var(--line,#cdd6df);border-radius:9px;background:var(--panel,#fff)}
@media(max-width:900px){.agent-supply-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-supply-overview-grid,.agent-supplier-profile-grid{grid-template-columns:1fr}.agent-supplier-dossier>header{grid-template-columns:auto minmax(0,1fr)}.agent-supplier-dossier-actions{grid-column:1/-1;justify-content:flex-start}.agent-match-review-list article{grid-template-columns:1fr}.agent-opportunity-list article{grid-template-columns:auto minmax(0,1fr)}.agent-opportunity-list article>.btn{grid-column:2}}
@media(max-width:580px){.agent-supply-controls{align-items:stretch;flex-direction:column}.agent-supply-nav{width:100%}.agent-supply-controls>label{width:100%}.agent-supply-kpis{grid-template-columns:1fr 1fr}.agent-supply-actions{justify-content:flex-start}.agent-supplier-directory>button{grid-template-columns:auto minmax(0,1fr) auto}.agent-supplier-directory>button>b{grid-column:2;text-align:left}.agent-supplier-directory>button>i{grid-column:3;grid-row:1/3}.agent-supplier-profile-grid dl>div{grid-template-columns:1fr}.agent-opportunity-list article{grid-template-columns:1fr}.agent-opportunity-list article>.btn{grid-column:1}.agent-intelligence-field-grid{grid-template-columns:1fr}.agent-intelligence-field-grid .agent-dialog-wide{grid-column:1}.agent-intelligence-evidence{margin-inline:14px}}

/* Competitive intelligence vNext — broader-web discovery with quieter hierarchy. */
#view-competitors > .page-ai-overview { display: none; }

.agent-page-heading { align-items: flex-start; margin-bottom: 14px; }
.agent-page-heading p { max-width: 810px; font-size: 14px; }
.agent-heading-actions { flex-wrap: wrap; justify-content: flex-end; }
.agent-heading-actions .btn { min-height: 42px; }

.agent-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 14px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
}
.agent-metric {
  min-height: 72px;
  padding: 11px 15px;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
}
.agent-metric:last-of-type { border-right: 0; }
.agent-metric:hover { z-index: 1; transform: none; background: color-mix(in srgb, var(--accent-soft) 34%, var(--panel)); box-shadow: inset 0 -2px var(--accent); }
.agent-metric.is-attention { border-left: 0; }
.agent-metric.is-attention[data-attention="true"] { box-shadow: inset 0 3px var(--orange); }
.agent-metric span { font-size: 10px; }
.agent-metric strong { font-size: 24px; }
.agent-metric small { font-size: 12px; }

.agent-workspace { box-shadow: none; }
.agent-tabs { padding-top: 6px; }
.agent-tabs button { min-height: 44px; font-size: 13px; }
.agent-tabs button span { min-width: 20px; text-align: center; }

.agent-overview-primary,
.agent-overview-lower { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(290px, .78fr); gap: 12px; align-items: start; }
.agent-overview-lower { margin-top: 12px; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); }
.agent-overview-block { min-width: 0; border: 1px solid var(--line); border-radius: 11px; background: var(--panel); overflow: hidden; }
.agent-overview-block > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.agent-overview-block > header h2 { margin: 2px 0 0; font-size: 17px; letter-spacing: -.015em; }
.agent-overview-block > header p { max-width: 720px; margin: 4px 0 0; color: var(--ink-2); font-size: 12px; }
.agent-text-action { flex: none; border: 0; padding: 3px 0; color: var(--accent); background: transparent; font: inherit; font-size: 12px; font-weight: 750; text-decoration: none; cursor: pointer; }
.agent-text-action:hover { text-decoration: underline; }

.agent-signal-table { min-width: 0; }
.agent-signal-head,
.agent-signal-table > button {
  display: grid;
  grid-template-columns: 26px minmax(220px, 1fr) 88px 102px 112px 64px 16px;
  gap: 10px;
  align-items: center;
  min-width: 760px;
}
.agent-signal-table { overflow-x: auto; }
.agent-signal-head { padding: 8px 12px; color: var(--ink-3); background: var(--panel-2); font-size: 10px; font-weight: 750; letter-spacing: .055em; text-transform: uppercase; }
.agent-signal-table > button { width: 100%; padding: 11px 12px; border: 0; border-top: 1px solid var(--line); color: inherit; background: transparent; text-align: left; cursor: pointer; }
.agent-signal-head + button { border-top: 0; }
.agent-signal-table > button:hover { background: color-mix(in srgb, var(--accent-soft) 42%, var(--panel)); }
.agent-signal-table > button > span:first-child { color: var(--ink-3); font-variant-numeric: tabular-nums; }
.agent-signal-table b,
.agent-signal-table small { display: block; }
.agent-signal-table b { font-size: 12px; }
.agent-signal-table small { margin-top: 3px; color: var(--ink-2); font-size: 11px; line-height: 1.35; }
.agent-signal-table .agent-impact { align-self: center; }

.agent-human-status,
.agent-evidence-tier,
.agent-source-status { display: inline-flex; width: max-content; max-width: 100%; align-items: center; padding: 4px 7px; border-radius: 999px; font-size: 10px; font-weight: 750; }
.agent-human-status { color: var(--orange); background: var(--orange-bg); }
.agent-human-status[data-status="approved"] { color: var(--green); background: var(--green-bg); }
.agent-human-status[data-status="rejected"] { color: var(--ink-3); background: var(--grey-bg); }
.agent-evidence-tier { color: var(--accent); background: var(--accent-soft); }

.agent-coverage-score { display: flex; align-items: baseline; gap: 8px; padding: 14px 16px 7px; }
.agent-coverage-score strong { font-size: 28px; letter-spacing: -.04em; }
.agent-coverage-score span { color: var(--ink-2); font-size: 12px; }
.agent-source-family-list { display: grid; gap: 10px; padding: 8px 16px 16px; }
.agent-source-family-list > div { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(70px, 1fr) 38px; gap: 8px; align-items: center; }
.agent-source-family-list span b,
.agent-source-family-list span small { display: block; }
.agent-source-family-list span b { font-size: 11px; }
.agent-source-family-list span small { margin-top: 2px; color: var(--ink-3); font-size: 10px; }
.agent-source-family-list i { height: 7px; overflow: hidden; border-radius: 999px; background: var(--grey-bg); }
.agent-source-family-list i b { display: block; height: 100%; border-radius: inherit; background: var(--accent); }
.agent-source-family-list [data-status="gap"] i b { background: var(--orange); }
.agent-source-family-list [data-status="missing"] i b { background: var(--red); }
.agent-source-family-list > div > strong { text-align: right; font-size: 11px; }

.agent-channel-discovery { margin-top: 12px; }
.agent-channel-table { min-width: 1080px; }
.agent-channel-table td { font-size: 12px; }
.agent-channel-table td > button,
.agent-table-profile-link { border: 0; padding: 0; color: var(--accent); background: transparent; font: inherit; font-weight: 800; cursor: pointer; }
.agent-channel-table td small { display: block; max-width: 310px; margin-top: 5px; color: var(--ink-2); line-height: 1.4; }
.agent-empty-inline { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px; }
.agent-empty-inline b,
.agent-empty-inline span { display: block; }
.agent-empty-inline span { max-width: 700px; margin-top: 4px; color: var(--ink-2); font-size: 12px; }

.agent-overlap-list { display: grid; }
.agent-overlap-list > div { display: grid; grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 11px 15px; border-bottom: 1px solid var(--line); }
.agent-overlap-list b,
.agent-overlap-list small { display: block; }
.agent-overlap-list b { font-size: 12px; }
.agent-overlap-list small { margin-top: 2px; color: var(--ink-3); font-size: 11px; }
.agent-overlap-list > div > span:nth-child(2) { color: var(--ink-3); text-align: center; }
.agent-overlap-panel > footer { display: flex; gap: 16px; padding: 11px 15px; }
.agent-overlap-panel > footer a,
.agent-overlap-panel > footer button { border: 0; padding: 0; color: var(--accent); background: transparent; font: inherit; font-size: 12px; font-weight: 750; text-decoration: none; cursor: pointer; }
.agent-ai-actions { padding-bottom: 12px; }
.agent-ai-actions ol { display: grid; margin: 0; padding: 0; list-style: none; }
.agent-ai-actions li { border-bottom: 1px solid var(--line); }
.agent-ai-actions li button { display: grid; grid-template-columns: 20px minmax(0, 1fr) 14px; gap: 9px; width: 100%; padding: 12px 14px; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.agent-ai-actions li button:hover { background: var(--panel-2); }
.agent-ai-actions li button > span { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: var(--panel); background: var(--accent); }
.agent-ai-actions li button > span::after { content: "✓"; font-size: 10px; font-weight: 800; }
.agent-ai-actions b,
.agent-ai-actions small { display: block; }
.agent-ai-actions b { font-size: 12px; }
.agent-ai-actions small { margin-top: 3px; color: var(--ink-2); font-size: 11px; line-height: 1.4; }
.agent-ai-actions i { color: var(--accent); font-style: normal; }
.agent-ai-actions > small { display: block; padding: 10px 14px 0; color: var(--ink-3); font-size: 10px; }

/* Compact evidence ledger: summary first, detail on demand. */
.agent-finding-compact { display: block; border-radius: 10px; overflow: hidden; }
.agent-finding-compact > details > summary {
  display: grid;
  grid-template-columns: 10px minmax(250px, 1fr) 88px 104px 118px 80px 18px;
  gap: 10px;
  align-items: center;
  min-height: 66px;
  padding: 10px 13px;
  list-style: none;
  cursor: pointer;
}
.agent-finding-compact > details > summary::-webkit-details-marker { display: none; }
.agent-finding-compact > details > summary:hover { background: color-mix(in srgb, var(--accent-soft) 34%, var(--panel)); }
.agent-finding-title strong,
.agent-finding-title small,
.agent-finding-source-count small { display: block; }
.agent-finding-title strong { margin-top: 2px; font-size: 13px; }
.agent-finding-title small,
.agent-finding-source-count { color: var(--ink-2); font-size: 11px; }
.agent-finding-source-count small { margin-top: 2px; color: var(--ink-3); font-size: 10px; }
.agent-finding-expand { color: var(--accent); font-size: 18px; transition: transform .15s ease; }
.agent-finding-compact details[open] .agent-finding-expand { transform: rotate(180deg); }
.agent-finding-expanded { display: grid; grid-template-columns: minmax(0, 1fr) 260px; border-top: 1px solid var(--line); }
.agent-finding-compact details:not([open]) > .agent-finding-expanded { display: none; }
.agent-finding-compact .agent-finding-main,
.agent-finding-compact .agent-finding-aside { padding: 15px 17px; }

/* Run planning and observable research progress. */
#agentRunDialog { width: min(900px, calc(100vw - 28px)); }
#agentRunDialog form { max-height: calc(100vh - 30px); overflow-y: auto; }
.agent-run-search-plan { margin: 2px 22px 12px; padding: 13px; border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); border-radius: 10px; background: color-mix(in srgb, var(--accent-soft) 45%, var(--panel)); }
.agent-run-search-plan > div { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; }
.agent-run-search-plan > div > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: var(--accent); background: var(--panel); font-size: 18px; }
.agent-run-search-plan strong,
.agent-run-search-plan p { display: block; margin: 0; }
.agent-run-search-plan p { margin-top: 3px; color: var(--ink-2); font-size: 12px; line-height: 1.45; }
.agent-run-search-plan ol { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; margin: 12px 0 9px; padding: 0; list-style: none; }
.agent-run-search-plan li { position: relative; padding: 7px 5px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); font-size: 10px; font-weight: 750; text-align: center; }
.agent-run-search-plan > small { color: var(--ink-3); font-size: 11px; }
.agent-run-advanced { margin: 0 22px 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel-2); }
.agent-run-advanced > summary { min-height: 42px; display: flex; align-items: center; padding: 0 12px; color: var(--ink-2); font-size: 12px; font-weight: 750; cursor: pointer; }
.agent-run-advanced .agent-dialog-grid { padding: 0 12px 12px; }

.agent-run-phases { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin: 15px 0; padding: 0; list-style: none; }
.agent-run-phases li { display: grid; justify-items: center; gap: 5px; color: var(--ink-3); font-size: 10px; }
.agent-run-phases li span { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--panel-2); font-weight: 800; }
.agent-run-phases li[data-state="complete"] { color: var(--green); }
.agent-run-phases li[data-state="complete"] span { border-color: color-mix(in srgb, var(--green) 40%, var(--line)); background: var(--green-bg); }
.agent-run-phases li[data-state="active"] { color: var(--accent); }
.agent-run-phases li[data-state="active"] span { border-color: var(--accent); background: var(--accent-soft); }
.agent-run-phases li[data-state="failed"] { color: var(--red); }
.agent-run-phases li[data-state="failed"] span { border-color: var(--red); background: var(--red-bg); }
.agent-run-discovery-metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 14px 0; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; }
.agent-run-discovery-metrics > div { padding: 11px; border-right: 1px solid var(--line); }
.agent-run-discovery-metrics > div:last-child { border-right: 0; }
.agent-run-discovery-metrics span,
.agent-run-discovery-metrics b { display: block; }
.agent-run-discovery-metrics span { color: var(--ink-3); font-size: 10px; }
.agent-run-discovery-metrics b { margin-top: 3px; font-size: 19px; }
.agent-run-summary { color: var(--ink-2); line-height: 1.55; }
.agent-run-source-table { margin-top: 15px; }
.agent-run-source-table > header { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 7px; }
.agent-run-source-table h4 { margin: 0; }
.agent-run-source-table > header span { color: var(--ink-3); font-size: 11px; }
.agent-run-status[data-status="completed_with_gaps"] { color: var(--orange); background: var(--orange-bg); }
.agent-source-status { color: var(--ink-2); background: var(--grey-bg); }
.agent-source-status[data-status="fetched"] { color: var(--green); background: var(--green-bg); }
.agent-source-status[data-status="failed"] { color: var(--red); background: var(--red-bg); }

/* Source diversity and channel dossier. */
.agent-source-mix { margin-bottom: 14px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel); overflow: hidden; }
.agent-source-mix > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.agent-source-mix h2,
.agent-source-mix p { margin: 0; }
.agent-source-mix h2 { margin-top: 2px; font-size: 17px; }
.agent-source-mix p { margin-top: 3px; color: var(--ink-2); font-size: 12px; }
.agent-coverage-total { font-size: 22px; font-weight: 800; text-align: right; }
.agent-coverage-total small { display: block; color: var(--ink-3); font-size: 10px; font-weight: 600; }
.agent-source-mix > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.agent-source-mix article { display: grid; grid-template-columns: minmax(0, 1fr) 70px 36px; gap: 8px; align-items: center; padding: 11px 12px; border-right: 1px solid var(--line); }
.agent-source-mix article:last-child { border-right: 0; }
.agent-source-mix article span b,
.agent-source-mix article span small { display: block; }
.agent-source-mix article span b { font-size: 11px; }
.agent-source-mix article span small { margin-top: 2px; color: var(--ink-3); font-size: 10px; }
.agent-source-mix article i { height: 6px; overflow: hidden; border-radius: 999px; background: var(--grey-bg); }
.agent-source-mix article i b { display: block; height: 100%; background: var(--accent); }
.agent-source-mix article[data-status="gap"] i b { background: var(--orange); }
.agent-source-mix article[data-status="missing"] i b { background: var(--red); }

.agent-profile-source-mix { margin-bottom: 14px; border: 1px solid var(--line); border-radius: 11px; overflow: hidden; }
.agent-profile-source-mix > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 15px; background: var(--panel-2); }
.agent-profile-source-mix h3,
.agent-profile-source-mix p { margin: 0; }
.agent-profile-source-mix p { margin-top: 3px; color: var(--ink-2); font-size: 12px; }
.agent-profile-source-mix > header > span { font-size: 20px; font-weight: 800; }
.agent-profile-source-mix > header > span small { display: block; color: var(--ink-3); font-size: 10px; font-weight: 600; }
.agent-profile-source-mix > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.agent-profile-source-mix article { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; gap: 7px; align-items: center; padding: 11px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); }
.agent-profile-source-mix article:last-child { border-right: 0; }
.agent-profile-source-mix article > span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
.agent-profile-source-mix article[data-status="gap"] > span { background: var(--orange); }
.agent-profile-source-mix article b { font-size: 11px; }
.agent-profile-source-mix article strong { font-size: 15px; }
.agent-profile-source-mix article small { grid-column: 2 / -1; color: var(--ink-3); font-size: 10px; }

.agent-profile-channel-actions { display: flex; gap: 7px; flex-wrap: wrap; }
.agent-channel-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; }
.agent-channel-kpis > div { padding: 12px 14px; border-right: 1px solid var(--line); }
.agent-channel-kpis > div:last-child { border-right: 0; }
.agent-channel-kpis span,
.agent-channel-kpis b { display: block; }
.agent-channel-kpis span { color: var(--ink-3); font-size: 11px; }
.agent-channel-kpis b { margin-top: 3px; font-size: 22px; }
.agent-channel-confirmed,
.agent-channel-leads { margin-top: 16px; }
.agent-channel-confirmed > header,
.agent-channel-leads > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 10px; }
.agent-channel-confirmed h3,
.agent-channel-confirmed p,
.agent-channel-leads h3,
.agent-channel-leads p { margin: 0; }
.agent-channel-confirmed p,
.agent-channel-leads p { margin-top: 3px; color: var(--ink-2); font-size: 12px; }

@media (max-width: 1180px) {
  .agent-overview-primary,
  .agent-overview-lower { grid-template-columns: 1fr; }
  .agent-source-mix > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-source-mix article { border-bottom: 1px solid var(--line); }
  .agent-source-mix article:nth-child(2n) { border-right: 0; }
  .agent-run-discovery-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .agent-run-discovery-metrics > div:nth-child(3) { border-right: 0; }
  .agent-run-discovery-metrics > div:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 700px) {
  .agent-page-heading { margin-bottom: 12px; }
  .agent-page-heading p { font-size: 13px; }
  .agent-heading-actions { grid-template-columns: 1fr 1fr; }
  .agent-heading-actions .btn { min-height: 44px; font-size: 12px; }
  .agent-run-primary { grid-column: 1 / -1; }

  .agent-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row;
    gap: 0;
    overflow: hidden;
    padding: 0;
    scroll-snap-type: none;
  }
  .agent-metric { min-height: 64px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .agent-metric:nth-of-type(2n) { border-right: 0; }
  .agent-metric:nth-of-type(5) { grid-column: 1 / -1; border-bottom: 0; border-right: 0; }
  .agent-metric strong { font-size: 22px; }

  .agent-tabs,
  .agent-subtabs { flex-wrap: wrap; overflow: visible; }
  .agent-tabs button { flex: 1 1 30%; min-width: 108px; min-height: 44px; padding-inline: 7px; font-size: 12px; }
  .agent-subtabs button { flex: 1 1 auto; min-height: 44px; }
  .agent-pane { padding: 9px; }
  .agent-overview-block > header { padding: 12px; }

  .agent-signal-head { display: none; }
  .agent-signal-table { overflow: visible; }
  .agent-signal-table > button { grid-template-columns: 12px minmax(0, 1fr) auto; min-width: 0; gap: 8px; padding: 12px; }
  .agent-signal-table > button > *:nth-child(n+4):not(:last-child) { display: none; }
  .agent-signal-table > button > .agent-impact { display: inline-flex; grid-column: 3; }
  .agent-signal-table > button > span:last-child { display: none; }
  .agent-signal-table b { font-size: 13px; }
  .agent-signal-table small { font-size: 12px; }

  .agent-source-family-list > div { grid-template-columns: minmax(130px, 1fr) 70px 35px; }
  .agent-empty-inline { align-items: stretch; flex-direction: column; }
  .agent-empty-inline .btn { min-height: 44px; }
  .agent-overlap-list > div { grid-template-columns: 1fr 18px 1fr; }
  .agent-overlap-list .agent-match-status { grid-column: 3; }
  .agent-ai-actions li button { min-height: 60px; }

  .agent-finding-compact > details > summary { grid-template-columns: 9px minmax(0, 1fr) 18px; min-height: 70px; }
  .agent-finding-compact > details > summary > .agent-impact,
  .agent-finding-compact > details > summary > .agent-human-status,
  .agent-finding-compact > details > summary > .agent-evidence-tier,
  .agent-finding-compact > details > summary > .agent-finding-source-count { display: none; }
  .agent-finding-expanded { grid-template-columns: 1fr; }
  .agent-finding-expanded .agent-finding-aside { border-left: 0; border-top: 1px solid var(--line); }

  #agentRunDialog { width: calc(100vw - 16px); }
  .agent-run-search-plan,
  .agent-run-advanced { margin-inline: 12px; }
  .agent-run-search-plan ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .agent-run-phases { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 12px; }
  .agent-run-discovery-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-run-discovery-metrics > div,
  .agent-run-discovery-metrics > div:nth-child(3) { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .agent-run-discovery-metrics > div:nth-child(2n) { border-right: 0; }

  .agent-source-mix > header,
  .agent-profile-source-mix > header { align-items: flex-start; }
  .agent-source-mix > div,
  .agent-profile-source-mix > div { grid-template-columns: 1fr; }
  .agent-source-mix article,
  .agent-profile-source-mix article { border-right: 0; }
  .agent-source-mix article { grid-template-columns: minmax(0, 1fr) 75px 36px; }
  .agent-channel-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-channel-kpis > div { border-bottom: 1px solid var(--line); }
  .agent-channel-kpis > div:nth-child(2n) { border-right: 0; }
  .agent-channel-kpis > div:nth-last-child(-n+2) { border-bottom: 0; }
  .agent-profile-section-head { align-items: stretch; flex-direction: column; }
  .agent-profile-channel-actions .btn { min-height: 44px; flex: 1 1 150px; }

  .agent-directory-table,
  .agent-data-table { font-size: 12px; }
  .agent-directory-table td > small,
  .agent-directory-next small,
  .agent-directory-coverage small,
  .agent-profile-index button small,
  .agent-profile-source-mini small,
  .agent-profile-gap small,
  .agent-entity-card small { font-size: 12px; }

  [data-agent-pane][hidden] .agent-directory-table td::before { content: none !important; display: none !important; }
  .agent-toolbar-result { grid-column: 1 / -1; justify-self: start; white-space: normal; }
  .agent-tabs { max-width: 100%; }
  .agent-tabs button { min-width: 0; flex: 1 1 calc(33.333% - 6px); padding-inline: 5px; }
  .agent-finding-expanded { width: 100%; min-width: 0; grid-template-columns: minmax(0, 1fr); }
  .agent-finding-expanded .agent-finding-main,
  .agent-finding-expanded .agent-finding-aside { min-width: 0; grid-column: 1; }
}

@media (max-width: 480px) {
  .agent-tabs button { flex-basis: calc(50% - 4px); }
}