/* Presentation only: retain API, filtering, view switching and client actions. */
body[data-page="renovacao"] {
  --renovacao-ink: #18283f;
  --renovacao-muted: #617087;
  --renovacao-line: #e5eaf0;
  --renovacao-accent: #12376e;
  background: #f6f8fb;
  color: var(--renovacao-ink);
}
body[data-page="renovacao"] .app-shell { padding: 28px; gap: 28px; }
body[data-page="renovacao"] .renovacao-content { min-width: 0; max-width: 1680px; margin-inline: auto; gap: 32px; }
body[data-page="renovacao"] .renovacao-hero {
  display: grid; grid-template-columns: 44px minmax(0, 1fr) minmax(480px, 640px);
  padding: 8px 0 24px; gap: 20px; align-items: center;
  border: 0; border-bottom: 1px solid var(--renovacao-line); border-radius: 0; background: transparent; box-shadow: none;
}
body[data-page="renovacao"] .renovacao-hero h1 {
  margin: 0; font-weight: 700; color: #18283f; font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  letter-spacing: -0.035em; line-height: 1.15;
}
body[data-page="renovacao"] .renovacao-hero p { max-width: 720px; color: var(--renovacao-muted); line-height: 1.65; }
body[data-page="renovacao"] .renovacao-filter-row { align-items: stretch; flex: 0 1 660px; }
body[data-page="renovacao"] .renovacao-hero .renovacao-data-update {
  flex: 1 1 300px; max-width: 380px; margin: 0; padding: 14px 18px;
  border: 1px solid #e5eaf0; border-left: 3px solid #12376e; border-radius: 10px;
  background: #f5f7fc; color: #617087;
  box-shadow: none; font-size: 0.72rem; line-height: 1.6;
  font-variant-numeric: tabular-nums; white-space: pre-line;
}
body[data-page="renovacao"] .renovacao-data-update::first-line { color: var(--renovacao-ink); font-weight: 700; }
body[data-page="renovacao"] .eyebrow { padding-left: 0; color: #617087; font-size: 0.68rem; letter-spacing: 0.06em; }
body[data-page="renovacao"] .eyebrow::before { content: none; }
body[data-page="renovacao"] .renovacao-period-box {
  padding: 0; border: 0; border-radius: 12px;
  background: transparent; box-shadow: none;
}
body[data-page="renovacao"] .metrics { gap: 14px; }
body[data-page="renovacao"] .metric-card {
  display: flex; flex-direction: column; align-items: stretch; min-height: 0; min-width: 0; padding: 20px; gap: 8px;
  border: 1px solid #e5eaf0; border-radius: 16px;
  background: #ffffff; box-shadow: 0 2px 6px #18283f03;
}
body[data-page="renovacao"] .metric-icon { display: none; }
body[data-page="renovacao"] .metric-card > p {
  min-height: 2.5em; margin: 0; color: var(--renovacao-muted); font-size: 0.75rem; font-weight: 500; line-height: 1.25;
  letter-spacing: 0; text-transform: none;
}
body[data-page="renovacao"] .metric-card > strong {
  align-self: stretch; margin: 0; color: var(--renovacao-ink); font-size: clamp(1.4rem, 1.8vw, 2rem); letter-spacing: -0.04em; font-variant-numeric: tabular-nums;
  text-align: left; line-height: 1.15;
  white-space: normal; overflow-wrap: anywhere;
}
body[data-page="renovacao"] .metric-subdetail { border-radius: 8px; }
body[data-page="renovacao"] .metric-trend { font-size: 0.72rem; line-height: 1.5; }
body[data-page="renovacao"] .performance-list {
  border: 1px solid #e5eaf0; border-radius: 16px;
  background: #ffffff; box-shadow: 0 2px 6px #18283f03;
}
body[data-page="renovacao"] .list-header {
  padding: 24px; gap: 20px; border-bottom: 1px solid var(--renovacao-line);
  background: #ffffff;
}
body[data-page="renovacao"] .list-header h2,
body[data-page="renovacao"] .renovacao-agent-view-heading h2 {
  color: var(--renovacao-ink); font-size: 1.05rem; font-weight: 650; letter-spacing: -0.025em; line-height: 1.4;
}
body[data-page="renovacao"] .list-header p { color: var(--renovacao-muted); line-height: 1.6; }
body[data-page="renovacao"] .list-controls { gap: 10px; flex-wrap: wrap; }
body[data-page="renovacao"] .performance-search,
body[data-page="renovacao"] .client-search {
  min-height: 44px; border: 1px solid var(--renovacao-line); border-radius: 12px;
  background: #f8faff; box-shadow: none;
}
body[data-page="renovacao"] .view-switch {
  padding: 4px; gap: 3px; border: 1px solid #e3e9f3;
  border-radius: 13px; background: #edf1f7;
}
body[data-page="renovacao"] .view-switch button {
  min-height: 36px; border-radius: 9px; color: var(--renovacao-muted);
  background: transparent; font-weight: 600;
}
body[data-page="renovacao"] .view-switch button.active { background: #ffffff; color: #12376e; box-shadow: 0 1px 3px #18283f0a; }
body[data-page="renovacao"] .renovacao-agent-view-button,
body[data-page="renovacao"] .renovacao-html-report-button,
body[data-page="renovacao"] .renovacao-agent-search-controls button {
  min-height: 42px; padding: 10px 14px; border: 1px solid var(--renovacao-line);
  border-radius: 8px; background: #ffffff; color: #12376e;
  box-shadow: none;
}
body[data-page="renovacao"] .renovacao-html-report-button:disabled { opacity: 0.5; cursor: not-allowed; }
body[data-page="renovacao"] .branch-list-head { padding-top: 16px; padding-bottom: 16px; background: #f4f7fc; border-color: #e3e9f3; }
body[data-page="renovacao"] .branch-list-head span { color: var(--renovacao-muted); font-size: 0.67rem; letter-spacing: 0.05em; }
body[data-page="renovacao"] .branch-item { border-color: var(--renovacao-line); }
body[data-page="renovacao"] .branch-item + .branch-item { border-top-color: #edf1f7; }
body[data-page="renovacao"] .branch-item > summary { background: #ffffff; }
body[data-page="renovacao"] .branch-item > summary:hover { background: #f0f5ff; }
body[data-page="renovacao"] .branch-item[open] > summary { background: #f4f7fc; }
@media (prefers-reduced-motion: reduce) {
  body[data-page="renovacao"] .branch-arrow { transition: none; }
}
body[data-page="renovacao"] .branch-title { color: var(--renovacao-ink); font-weight: 700; }
body[data-page="renovacao"] .stat-value { color: var(--renovacao-ink); font-variant-numeric: tabular-nums; }
body[data-page="renovacao"] .stat-button { border-radius: 10px; }
body[data-page="renovacao"] .agent-list { border-top-color: var(--renovacao-line); }
body[data-page="renovacao"] .agent-row + .agent-row { border-top-color: #edf1f7; }
body[data-page="renovacao"] .agent-row:nth-child(even) { background: #fbfcff; }
body[data-page="renovacao"] .agent-row:hover { background: #f0f5ff; }
body[data-page="renovacao"] .agent-name { color: #415574; font-weight: 600; }
body[data-page="renovacao"] .agent-sources { color: var(--renovacao-muted); }
body[data-page="renovacao"] .renovacao-agent-search-controls input {
  min-height: 44px; border: 1px solid var(--renovacao-line); border-radius: 12px; background: #f8faff;
}
body[data-page="renovacao"] .renovacao-agent-search-suggestions { border-radius: 14px; border-color: var(--renovacao-line); box-shadow: 0 18px 48px #172b4d24; }
body[data-page="renovacao"] .client-modal-panel {
  border: 1px solid #e5eaf0; border-radius: 16px;
  background: #ffffff; box-shadow: 0 24px 72px #18283f30;
}
body[data-page="renovacao"] .client-modal-header { padding: 24px; border-bottom-color: var(--renovacao-line); background: #f8faff; }
body[data-page="renovacao"] .client-modal-header h2 { color: var(--renovacao-ink); letter-spacing: -0.025em; }
body[data-page="renovacao"] .client-modal-close { border-radius: 12px; }
body[data-page="renovacao"] .client-table { font-variant-numeric: tabular-nums; }
body[data-page="renovacao"] .client-table th { padding: 14px 18px; background: #f4f7fc; color: var(--renovacao-muted); font-size: 0.68rem; }
body[data-page="renovacao"] .client-table td { padding: 16px 18px; color: var(--renovacao-ink); border-bottom-color: #edf1f7; }
body[data-page="renovacao"] .client-table tbody tr:nth-child(even) { background: #fbfcff; }
body[data-page="renovacao"] .client-table tbody tr:hover { background: #f0f5ff; }
body[data-page="renovacao"] :is(button, a, input):focus-visible { outline: 3px solid #3979f6; outline-offset: 3px; }
body[data-page="renovacao"] .sidebar :is(button, a, summary):focus-visible { outline-color: #a4c5ff; }
@media (max-width: 760px) {
  body[data-page="renovacao"] .renovacao-hero { flex-direction: column; align-items: stretch; padding: 18px 0; }
  body[data-page="renovacao"] .renovacao-filter-row { flex: none; flex-direction: column; }
  body[data-page="renovacao"] .renovacao-hero .renovacao-data-update { flex: none; max-width: none; }
  body[data-page="renovacao"] .list-header { padding: 18px 16px; }
  body[data-page="renovacao"] .client-modal-panel { border-radius: 18px; }
}

/* Client list dialog: retain status semantics and existing table columns. */
body[data-page="renovacao"] .client-modal-backdrop {
  background: #14244070;
  backdrop-filter: blur(8px);
}
body[data-page="renovacao"] .client-modal-header {
  flex-direction: row;
  padding: 26px 28px;
  background: radial-gradient(ellipse at 100% 0, #eaf1ff, transparent 70%), #ffffff;
}
body[data-page="renovacao"] .client-modal-header > div { min-width: 0; }
body[data-page="renovacao"] .client-modal-kicker {
  display: inline-block; padding: 6px 10px; margin-bottom: 10px;
  border-radius: 8px; background: #edf3ff; color: #285ec4;
  font-size: 0.68rem; letter-spacing: 0.08em;
  max-width: 100%; overflow-wrap: anywhere;
}
body[data-page="renovacao"] .client-modal-danger .client-modal-kicker {
  background: #fff0f3; color: #bd2445;
}
body[data-page="renovacao"] .client-modal-header h2 {
  font-size: clamp(1.2rem, 2vw, 1.7rem); line-height: 1.4;
  white-space: normal; overflow-wrap: anywhere;
}
body[data-page="renovacao"] .client-modal-close {
  width: 40px; height: 40px; flex-shrink: 0;
  background: #f8faff; border-color: var(--renovacao-line); color: #415574;
}
body[data-page="renovacao"] .client-modal-close:hover { background: #edf3ff; color: #245ab8; }
body[data-page="renovacao"] .client-modal-toolbar {
  padding: 18px 28px; gap: 12px; flex-wrap: wrap;
  background: #f8faff; border-bottom-color: var(--renovacao-line);
}
body[data-page="renovacao"] .client-modal-toolbar .client-search {
  width: min(520px, 100%); min-height: 46px;
  background: #ffffff; border-radius: 12px;
}
body[data-page="renovacao"] .client-search:focus-within {
  border-color: #82a8ee; box-shadow: 0 0 0 3px #3979f612;
}
body[data-page="renovacao"] .client-modal-body {
  padding: 20px 28px 28px; scrollbar-width: thin;
  scrollbar-color: #bac8de #f5f7fb; scrollbar-gutter: stable;
}
body[data-page="renovacao"] .client-table {
  border: 1px solid #e3e9f3; border-radius: 14px;
}
body[data-page="renovacao"] .client-table th {
  position: sticky; top: -20px; z-index: 1;
  letter-spacing: 0.06em; font-weight: 600;
}
body[data-page="renovacao"] .client-table td { font-weight: 500; }
body[data-page="renovacao"] .client-id-badge {
  padding: 6px 10px; border-radius: 8px;
  background: #edf3ff; color: #245ab8; font-weight: 700;
}
body[data-page="renovacao"] .client-modal-danger .client-id-badge {
  background: #fff0f3; color: #bd2445;
}
body[data-page="renovacao"] .renovacao-client-export-button {
  border-radius: 8px; border-color: #12376e; background: #12376e;
}
body[data-page="renovacao"] .renovacao-client-export-button:hover { background: #194780; }
body[data-page="renovacao"] .renovacao-hero-mark { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #eaf0ff; color: #315fce; }
body[data-page="renovacao"] .renovacao-hero-mark svg { width: 26px; height: 26px; }
body[data-page="renovacao"] .renovacao-hero-copy { min-width: 0; }
body[data-page="renovacao"] .sidebar.renovacao-sidebar { border: 1px solid #21324d; border-radius: 16px; background: #122039; box-shadow: none; }
body[data-page="renovacao"] .sidebar .nav-link { font-weight: 500; box-shadow: none; }
body[data-page="renovacao"] .sidebar .nav-link.active { border-color: #ffffff1a; background: #ffffff12; box-shadow: inset 3px 0 0 #91b3ff; }
body[data-page="renovacao"] .metric-subdetail { align-self: flex-start; min-height: 0; margin: 0; padding: 5px 8px; font-size: .7rem; }
body[data-page="renovacao"] .metric-trend {
  display: grid; grid-template-columns: minmax(0, 1fr); align-self: stretch; gap: 4px;
  margin-top: auto; padding-top: 10px; border-top: 1px solid var(--renovacao-line);
}
body[data-page="renovacao"] .metric-trend strong { align-self: start; font-size: .72rem; }
body[data-page="renovacao"] .metric-trend span { font-size: .7rem; font-weight: 400; line-height: 1.4; }
body[data-page="renovacao"] .metric-card-currency > strong { font-size: clamp(1.2rem, 1.5vw, 1.7rem); }
body[data-page="renovacao"] .list-header { align-items: start; flex-wrap: wrap; }
body[data-page="renovacao"] .list-header > div:first-child { min-width: 0; }
body[data-page="renovacao"] .list-controls { min-width: 0; }
body[data-page="renovacao"] .performance-search input,
body[data-page="renovacao"] .client-search input { min-width: 0; }
body[data-page="renovacao"] .renovacao-agent-view-button { border-color: #12376e; background: #12376e; color: #ffffff; }
body[data-page="renovacao"] .renovacao-agent-view-button:hover { border-color: #194780; background: #194780; color: #ffffff; }
body[data-page="renovacao"] :is(.renovacao-agent-view-button, .renovacao-html-report-button, .renovacao-client-export-button):focus-visible { outline: 3px solid #3979f6; outline-offset: 3px; }
body[data-page="renovacao"] .branch-list-head { background: #f8fafc; }
body[data-page="renovacao"] .branch-list-head span { font-weight: 600; }
body[data-page="renovacao"] .branch-item > summary { padding-block: 18px; }
body[data-page="renovacao"] .branch-title { font-weight: 600; }
body[data-page="renovacao"] .stat-value { font-weight: 600; }
body[data-page="renovacao"] .renovacao-agent-view-heading { padding: 24px; gap: 20px; border-bottom: 1px solid var(--renovacao-line); }
body[data-page="renovacao"] .renovacao-agent-result-summary { border-color: var(--renovacao-line); border-radius: 12px; background: #f5f7fc; box-shadow: none; }
body[data-page="renovacao"] .client-modal-panel { width: min(1440px, calc(100vw - 48px)); height: min(860px, calc(100vh - 48px)); height: min(860px, calc(100dvh - 48px)); }
body[data-page="renovacao"] .client-modal-header { background: #ffffff; }
body[data-page="renovacao"] .client-modal-body { min-height: 0; overflow: auto; }
body[data-page="renovacao"] .client-table th { background: #f8fafc; }
@media (max-width: 1200px) {
  body[data-page="renovacao"] .renovacao-hero { grid-template-columns: 44px minmax(0, 1fr); }
  body[data-page="renovacao"] .renovacao-filter-row { grid-column: 1 / -1; justify-content: flex-start; }
  body[data-page="renovacao"] .metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  body[data-page="renovacao"] .app-shell { padding: 16px; gap: 24px; }
}
@media (max-width: 680px) {
  body[data-page="renovacao"] .metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page="renovacao"] .metric-card { padding: 18px; }
  body[data-page="renovacao"] .renovacao-filter-row { flex-direction: column; }
  body[data-page="renovacao"] .renovacao-period-box { width: 100%; }
  body[data-page="renovacao"] .renovacao-hero .renovacao-data-update { flex: none; width: 100%; max-width: none; }
  body[data-page="renovacao"] .client-modal-panel { width: calc(100vw - 24px); }
  body[data-page="renovacao"] .client-modal-header { padding: 20px 16px; }
  body[data-page="renovacao"] .client-modal-toolbar { padding: 16px; }
  body[data-page="renovacao"] .client-modal-body { padding: 16px; }
  body[data-page="renovacao"] .client-table th { top: -16px; }
}
@media (max-width: 400px) {
  body[data-page="renovacao"] .metrics { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="renovacao"] .renovacao-content *,
  body[data-page="renovacao"] .renovacao-content *::before,
  body[data-page="renovacao"] .renovacao-content *::after { animation: none !important; transition: none !important; }
}