:root {
  /* Fundação do design system: Mesa de Operação Comercial. */
  --color-background: #F5F6F8;
  --color-surface: #FFFFFF;
  --color-surface-muted: #F0F2F5;
  --color-surface-elevated: #FFFFFF;

  --color-sidebar: #1E2933;
  --color-sidebar-hover: #293846;
  --color-sidebar-active: #334A5E;

  --color-text-primary: #18212B;
  --color-text-secondary: #465465;
  --color-text-muted: #6B7785;

  --color-border: #D9E0E6;
  --color-border-strong: #B7C2CC;

  --color-primary: #1F5B7A;
  --color-primary-hover: #184A65;
  --color-primary-active: #123B50;

  --color-success: #24734D;
  --color-success-surface: #EAF6EF;
  --color-warning: #A56212;
  --color-warning-surface: #FFF5E7;
  --color-danger: #B23A3A;
  --color-danger-surface: #FCEEEE;
  --color-info: #365F8C;
  --color-info-surface: #EDF3F8;
  --color-focus-ring: #146C8C;

  --font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --font-size-11: 0.6875rem;
  --font-size-12: 0.75rem;
  --font-size-13: 0.8125rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-20: 1.25rem;
  --font-size-28: 1.75rem;
  --font-size-32: 2rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.15;
  --line-height-heading: 1.25;
  --line-height-body: 1.5;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --border-width: 1px;
  --border-default: var(--border-width) solid var(--color-border);
  --border-strong: var(--border-width) solid var(--color-border-strong);
  --shadow-none: none;
  --shadow-popover: 0 8px 24px rgba(24, 33, 43, 0.12);
  --shadow-dialog: 0 16px 40px rgba(24, 33, 43, 0.16);
  --motion-fast: 120ms;
  --motion-normal: 180ms;
  --motion-slow: 220ms;
  --easing-standard: ease;

  color: var(--color-text-primary);
  background: var(--color-background);
  font-family: var(--font-family-sans);
}

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; color: var(--color-text-primary); background: var(--color-background); font-family: var(--font-family-sans); font-size: var(--font-size-16); line-height: var(--line-height-body); }
h1, h2, h3 { font-family: inherit; font-weight: var(--font-weight-semibold); line-height: var(--line-height-heading); letter-spacing: -0.01em; }
p { line-height: var(--line-height-body); }
label, input, select, textarea, button, table { font-family: inherit; }
label { color: var(--color-text-secondary); font-size: var(--font-size-14); font-weight: var(--font-weight-medium); }
a { color: var(--color-primary); }
.text-secondary { color: var(--color-text-secondary); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: 2px; }

.app-header { background: var(--color-surface); border-bottom: var(--border-default); padding: 30px 0; }
.page-container { width: min(1440px, calc(100% - 48px)); margin: 0 auto; }
.dashboard-content, .detail-content { padding: 28px 0 48px; }
.eyebrow { margin: 0 0 var(--space-2); color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-bold); letter-spacing: .08em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: var(--space-2); font-size: clamp(var(--font-size-28), 3vw, var(--font-size-32)); }
h2 { margin-bottom: var(--space-4); font-size: var(--font-size-20); }
h3 { margin-bottom: var(--space-3); font-size: var(--font-size-16); }
.page-subtitle { max-width: 72ch; color: var(--color-text-secondary); }
.empty-state { color: var(--color-text-muted); line-height: var(--line-height-body); }
.page-header-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin-top: var(--space-4); }

.panel { margin-bottom: var(--space-6); padding: 22px; background: var(--color-surface); border: var(--border-default); border-radius: var(--radius-lg); box-shadow: var(--shadow-none); }
.card { min-width: 0; padding: var(--space-4); background: var(--color-surface); border: var(--border-default); border-radius: var(--radius-md); }
.card--interactive { transition: border-color var(--motion-fast) var(--easing-standard), background-color var(--motion-fast) var(--easing-standard); }
.card--interactive:hover { background: var(--color-surface-muted); border-color: var(--color-border-strong); }
.prospecting-panel { display: grid; gap: 18px; }
.prospecting-form, .lead-edit-form { display: grid; gap: 14px; }
.commercial-interaction-form { display: grid; gap: 14px; }
.commercial-interaction-form fieldset { border: 1px solid #dbe2ef; border-radius: 10px; padding: 14px; }
.commercial-interaction-form legend { color: #34415a; font-weight: 700; padding: 0 5px; }
.interaction-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.interaction-summary { grid-column: 1 / -1; }
.commercial-interaction-form small { color: #65738a; font-weight: 400; }
.commercial-interaction-form button:disabled { cursor: not-allowed; opacity: .55; filter: grayscale(.2); }
.commercial-record-card { margin-top: 12px; border: 1px solid #dbe2ef; border-radius: 10px; }
.commercial-record-card summary { cursor: pointer; font-weight: 700; padding: 12px; }
.record-card { padding: 0 14px 14px; }
.form-requirement-legend { margin: 0; color: #52617a; font-size: .84rem; font-weight: 600; }
.form-requirement-legend span, .field-required { color: #a12626; font-weight: 800; }
.field-optional { color: #65738a; font-size: .8rem; font-weight: 500; }
.confirmation-control { display: inline-flex !important; align-items: flex-start; gap: 9px; width: fit-content; max-width: 100%; color: #26354f; cursor: pointer; font-weight: 600; line-height: 1.45; }
.confirmation-control input { flex: 0 0 auto; width: auto; min-height: 0; margin: .24em 0 0; }
.confirmation-control span { min-width: 0; }
.prospecting-form { grid-template-columns: repeat(3, minmax(140px, 1fr)) auto; align-items: end; }
.lead-edit-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.prospecting-form label, .lead-edit-form label { display: grid; gap: 6px; color: #34415a; font-size: .88rem; font-weight: 600; }
input, select, textarea { width: 100%; padding: 10px 12px; color: inherit; background: var(--color-surface); border: var(--border-strong); border-radius: var(--radius-md); font: inherit; line-height: var(--line-height-body); transition: border-color var(--motion-fast) var(--easing-standard), background-color var(--motion-fast) var(--easing-standard); }
input:not([type="checkbox"]):not([type="radio"]), select { min-height: 42px; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { color: var(--color-text-muted); opacity: 1; }
input:disabled, select:disabled, textarea:disabled { color: var(--color-text-muted); background: var(--color-surface-muted); border-color: var(--color-border); cursor: not-allowed; }
input[readonly], textarea[readonly] { background: var(--color-surface-muted); }
input[type="checkbox"], input[type="radio"] { width: 1rem; height: 1rem; min-height: 1rem; padding: 0; accent-color: var(--color-primary); }
.email-draft { max-width: 900px; background: #f9fbff; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: var(--space-2); min-height: 42px; padding: 10px 16px; border: var(--border-width) solid transparent; border-radius: var(--radius-md); font: inherit; font-weight: var(--font-weight-semibold); line-height: var(--line-height-tight); text-decoration: none; cursor: pointer; transition: background-color var(--motion-fast) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard), color var(--motion-fast) var(--easing-standard); }
.button-primary { color: var(--color-surface); background: var(--color-primary); }
.button-primary:hover { color: var(--color-surface); background: var(--color-primary-hover); }
.button-primary:active { background: var(--color-primary-active); }
.button-secondary { color: var(--color-text-secondary); background: var(--color-surface); border-color: var(--color-border-strong); }
.button-secondary:hover, .button-neutral:hover { background: var(--color-surface-muted); border-color: var(--color-border-strong); }
.button-neutral { color: var(--color-text-secondary); background: transparent; border-color: transparent; }
.button-danger { color: var(--color-surface); background: var(--color-danger); }
.button-danger:hover { color: var(--color-surface); filter: brightness(.92); }
.button-danger:active { filter: brightness(.84); }
.button-icon { width: 42px; padding: 0; }
.button:disabled, .button[aria-disabled="true"] { cursor: not-allowed; opacity: .6; }
.inline-actions { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.inline-form { display: inline; margin: 0; }

/* Estrutura administrativa global. Páginas públicas e login não utilizam estas classes. */
.admin-page { min-height: 100vh; background: var(--color-background); }
.admin-navigation { position: fixed; inset: 0 auto 0 0; z-index: 30; width: 248px; display: flex; flex-direction: column; padding: var(--space-6) var(--space-4); background: var(--color-sidebar); color: #e8edf7; }
.admin-navigation__brand { display: grid; gap: var(--space-2); padding: 0 var(--space-2) var(--space-6); border-bottom: 1px solid rgb(255 255 255 / .14); font-size: var(--font-size-16); }
.admin-navigation__eyebrow { color: #c4d0df; font-size: var(--font-size-11); font-weight: var(--font-weight-bold); letter-spacing: .08em; text-transform: uppercase; }
.admin-navigation__environment { width: fit-content; border: 1px solid rgb(232 237 247 / .38); border-radius: 999px; color: #e8edf7; font-size: var(--font-size-11); font-weight: var(--font-weight-semibold); padding: var(--space-1) var(--space-2); }
.admin-navigation__links { display: grid; gap: var(--space-1); padding-top: var(--space-5); }
.admin-navigation__links a { border-radius: var(--radius-sm); color: #d4dce7; font-weight: var(--font-weight-medium); padding: 10px var(--space-3); text-decoration: none; }
.admin-navigation__links a:hover { background: var(--color-sidebar-hover); color: #fff; }
.admin-navigation__links a:focus-visible { background: var(--color-sidebar-hover); color: #fff; outline: 2px solid #d8edf5; outline-offset: 2px; }
.admin-navigation__links a[aria-current="page"] { background: var(--color-sidebar-active); box-shadow: inset 3px 0 0 #d8edf5; color: #fff; font-weight: var(--font-weight-semibold); }
.admin-navigation__logout { margin-top: auto; padding: var(--space-5) var(--space-2) 0; border-top: 1px solid rgb(255 255 255 / .14); }
.admin-navigation__logout .button { width: 100%; }
.admin-workspace { min-width: 0; margin-left: 248px; }
.admin-workspace .page-container { width: min(1440px, calc(100% - 56px)); }
.admin-menu-toggle, .admin-navigation-backdrop { display: none; }
.lead-summary { display: grid; grid-template-columns: repeat(7, minmax(110px, 1fr)); gap: 10px; margin-bottom: 20px; overflow-x: auto; }
.lead-summary article { display: grid; gap: 4px; min-width: 110px; padding: 14px; border: 1px solid #dfe4ee; border-radius: 10px; background: #fff; }
.lead-summary strong { color: #172033; font-size: 1.35rem; }
.lead-summary span { color: #64708a; font-size: .8rem; font-weight: 700; }
.lead-filter-panel, .lead-result-panel { margin-bottom: 20px; }
.lead-filter-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-items: end; }
.lead-filter-field { display: grid; gap: 6px; min-width: 0; }
.lead-filter-field--wide { grid-column: span 2; }
.lead-filter-field label { color: #38455e; font-size: .86rem; font-weight: 700; }
.lead-filter-field input, .lead-filter-field select { box-sizing: border-box; width: 100%; min-height: 42px; border: 1px solid #bac6d8; border-radius: 8px; background: #fff; color: #172033; padding: 8px 10px; }
.lead-filter-actions { display: flex; align-items: end; min-height: 42px; }
.lead-table-wrapper { max-width: 100%; overflow-x: auto; }
.lead-table { width: 100%; min-width: 980px; border-collapse: collapse; text-align: left; }
.lead-table th, .lead-table td { border-bottom: 1px solid #e1e7f0; padding: 13px 10px; vertical-align: top; }
.lead-table th { color: #4d5d76; font-size: .8rem; text-transform: uppercase; letter-spacing: .03em; }
.lead-table td { color: #34425a; font-size: .9rem; overflow-wrap: anywhere; }
.lead-table td:first-child { min-width: 190px; }
.lead-table__stage { min-width: 185px; }
.lead-table td:first-child strong, .lead-table td:first-child span { display: block; }
.lead-table td:first-child span { color: #64708a; margin-top: 3px; }
.lead-table .status-badge + .status-badge { margin-top: 5px; }
.lead-table__action { white-space: nowrap; }
.lead-pagination { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.lead-pagination a { min-width: 34px; border: 1px solid #cbd6e6; border-radius: 7px; color: #243855; padding: 7px 10px; text-align: center; text-decoration: none; }
.lead-pagination a[aria-current="page"] { background: #243855; border-color: #243855; color: #fff; }

@media (max-width: 900px) {
  .admin-navigation { box-shadow: var(--shadow-dialog); transform: translateX(-105%); transition: transform var(--motion-normal) var(--easing-standard); }
  .admin-workspace { margin-left: 0; }
  .admin-menu-open .admin-navigation { transform: translateX(0); }
  .admin-navigation-backdrop { position: fixed; inset: 0; z-index: 20; display: block; background: rgb(15 23 42 / .42); }
  .admin-menu-toggle { position: fixed; z-index: 15; top: 12px; left: 12px; display: inline-flex; align-items: center; min-height: 40px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #172033; font: inherit; font-weight: 700; padding: 0 12px; }
  .admin-workspace .app-header { padding-left: 60px; }
  .admin-workspace .page-container { width: min(100% - 28px, 1440px); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.section-heading h2 { margin-bottom: 0; }
.demo-configuration-form { display: grid; gap: 18px; margin-top: 20px; }
.demo-configuration-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: 14px; align-items: end; }
.demo-configuration-control { min-width: 0; }
.demo-configuration-control label { display: grid; gap: 6px; color: #34415a; font-size: .88rem; font-weight: 600; }
.demo-configuration-submit { display: flex; align-items: end; }
.demo-configuration-submit .button { width: 100%; white-space: nowrap; }
.demo-template-descriptions { padding: 16px; background: #f7f9fc; border: 1px solid #e0e6f0; border-radius: 10px; }
.demo-template-descriptions h3 { margin-bottom: 8px; }
.demo-template-descriptions ul { display: grid; gap: 6px; margin: 0; padding-left: 20px; color: #59677f; }
.presentation-share-panel, .presentation-share-form { display: grid; gap: 12px; margin-top: 18px; padding: 16px; background: #f7f9fc; border: 1px solid #e0e6f0; border-radius: 10px; }
.presentation-share-panel label, .presentation-share-form label { display: grid; gap: 6px; color: #34415a; font-size: .88rem; font-weight: 600; }
.presentation-share-form { grid-template-columns: repeat(2, minmax(0, 1fr)) auto; align-items: end; }
.private-presentation-management { display: grid; gap: 14px; }
.private-presentation-management h3, .private-presentation-management h4 { margin-bottom: 0; }
.private-readiness-status { margin: 0; color: #29436a; }
.private-presentation-link-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: 14px; align-items: end; }
.private-presentation-link-form label, .private-link-created label, .private-link-revoke-form label { display: grid; gap: 6px; color: #34415a; font-size: .88rem; font-weight: 600; }
.private-presentation-link-form .private-link-confirmation { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; }
.private-presentation-link-form .private-link-confirmation input, .private-link-revoke-form input { width: auto; min-height: 0; }
.private-link-created, .private-link-active { display: grid; gap: 12px; padding: 16px; border: 1px solid #a8c6f7; border-radius: 10px; background: #f4f8ff; }
.private-link-created p { margin: 0; color: #415573; }
.private-link-metadata { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; }
.private-link-metadata div { padding: 10px; border-radius: 8px; background: #fff; }
.private-link-metadata dt { color: #64708a; font-size: .78rem; font-weight: 700; }
.private-link-metadata dd { margin: 3px 0 0; overflow-wrap: anywhere; }
.private-link-revoke-form { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.private-link-revoke-form label { display: flex; align-items: center; gap: 8px; }
.private-link-history { border-top: 1px solid #dfe4ee; padding-top: 12px; }
.private-link-history summary { cursor: pointer; color: #2456c6; font-weight: 700; }
.private-link-history-list { display: grid; gap: 8px; max-height: 260px; overflow: auto; margin-top: 12px; }
.private-link-history-list article { display: grid; gap: 4px; padding: 10px; background: #fff; border: 1px solid #e0e6f0; border-radius: 8px; color: #59677f; font-size: .9rem; }
.private-link-history-list strong { color: #26354f; }
.field-hint { color: var(--color-text-muted); font-size: var(--font-size-13); font-weight: var(--font-weight-regular); line-height: var(--line-height-body); }
.empty-state--panel { display: grid; gap: var(--space-2); padding: var(--space-4); background: var(--color-surface-muted); border: var(--border-default); border-radius: var(--radius-md); }
.table-wrapper { max-width: 100%; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; color: var(--color-text-primary); }
th, td { border-bottom: var(--border-default); padding: var(--space-3); text-align: left; vertical-align: top; }
th { color: var(--color-text-secondary); font-size: var(--font-size-12); font-weight: var(--font-weight-semibold); letter-spacing: .03em; text-transform: uppercase; }
td { font-size: var(--font-size-14); }
.numeric-data { font-family: var(--font-family-mono); font-variant-numeric: tabular-nums; }

.feedback { margin: 0 0 var(--space-5); padding: var(--space-3) var(--space-4); border: var(--border-default); border-left-width: 4px; border-radius: var(--radius-md); font-weight: var(--font-weight-medium); line-height: var(--line-height-body); }
.feedback:empty { display: none; }
.feedback-success { color: var(--color-success); background: var(--color-success-surface); border-color: var(--color-success); }
.feedback-info { color: var(--color-info); background: var(--color-info-surface); border-color: var(--color-info); }
.feedback-warning { color: var(--color-warning); background: var(--color-warning-surface); border-color: var(--color-warning); }
.feedback-error { color: var(--color-danger); background: var(--color-danger-surface); border-color: var(--color-danger); }
.digital-review-grid, .archived-lead-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.review-card, .archived-lead-card { display: grid; gap: 13px; padding: 18px; background: #fff; border: 1px solid #dfe4ee; border-radius: 12px; }
.review-card header, .archived-lead-card header { display: flex; justify-content: space-between; gap: 12px; }
.review-card h2, .archived-lead-card h2 { margin-bottom: 5px; font-size: 1.05rem; }
.review-card dl, .archived-lead-card dl { display: grid; gap: 7px; margin: 0; }
.review-card dt, .archived-lead-card dt { color: #64708a; font-size: .78rem; font-weight: 700; }
.review-card dd, .archived-lead-card dd { margin: 2px 0 0; }
.digital-review-badge { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-sizing: border-box; width: 148px; min-width: 148px; max-width: 148px; height: 42px; min-height: 42px; max-height: 42px; padding: 6px 10px; border-radius: 8px; text-align: center; line-height: 1.1; font-size: .78rem; font-weight: 800; }
.digital-review-badge--keep { color: #17633b; background: #e9f9ee; }
.digital-review-badge--archive { color: #8a5500; background: #fff5da; }
.digital-review-badge--manual { color: #1f4c99; background: #eaf2ff; }
.review-select { display: flex; align-items: center; gap: 8px; padding: 10px; border: 1px solid #bfc9da; border-radius: 8px; cursor: pointer; font-weight: 700; }
.review-select input { width: auto; min-height: 0; }
.review-explanation { margin: 0; color: #64708a; font-size: .9rem; }
.review-confirmation { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: end; margin-top: 20px; padding: 18px; background: #fff; border: 1px solid #dfe4ee; border-radius: 12px; }
.review-confirmation label, .danger-zone label { display: grid; gap: 6px; font-weight: 700; }
.review-legend { display: flex; flex-wrap: wrap; gap: 8px; }
.archived-actions { display: grid; gap: 14px; }
.danger-zone { display: grid; gap: 10px; padding: 14px; border: 1px solid #efaaaa; border-radius: 8px; background: #fff7f7; }
.danger-zone p { margin: 0; color: #a12626; font-weight: 700; }

.kanban { display: flex; gap: 18px; align-items: flex-start; overflow-x: auto; padding-bottom: 12px; }
.pipeline-content { padding: 20px 0 28px; }
.pipeline-summary { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 14px; color: #53627c; font-weight: 700; }
.kanban-viewport { height: calc(100vh - 220px); min-height: 340px; max-height: 760px; padding-bottom: 0; }
.kanban-column { flex: 0 0 292px; min-height: 260px; padding: 14px; background: #eaf0f8; border: 1px solid #d7e0ed; border-radius: 14px; transition: background .15s ease, border-color .15s ease; }
.kanban-viewport .kanban-column { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.kanban-column.is-drop-target { background: #e1edff; border-color: #4e82df; }
.kanban-column.is-pending { opacity: .7; }
.kanban-column-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.kanban-column-header h2 { margin: 0; font-size: 1rem; }
.column-count { display: grid; min-width: 28px; min-height: 28px; place-items: center; color: #203758; background: #fff; border-radius: 999px; font-size: .85rem; font-weight: 800; }
.lead-list { display: grid; gap: 12px; min-height: 50px; }
.kanban-viewport .lead-list { display: flex; flex: 1; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 12px; min-height: 0; overflow-y: auto; padding-right: 4px; }
.kanban-viewport .kanban-column-header { flex: 0 0 auto; }
.metrics-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.metrics-grid article { display: grid; gap: var(--space-1); padding: var(--space-4); background: var(--color-surface); border: var(--border-default); border-radius: var(--radius-lg); }
.metrics-grid strong { color: var(--color-text-primary); font-size: 1.5rem; font-variant-numeric: tabular-nums; }.metrics-grid span { color: var(--color-text-muted); font-size: var(--font-size-13); }
.overview-distribution, .overview-notices { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.overview-distribution li { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid #e6ebf2; }
.lead-card { flex: 0 0 auto; height: auto; padding: 15px; background: #fff; border: 1px solid #dbe2ed; border-radius: 10px; box-shadow: 0 3px 12px rgba(24, 43, 74, .08); cursor: grab; }
.lead-card, .lead-card * { min-width: 0; }
.lead-card h3, .lead-card p, .lead-card dd { overflow-wrap: anywhere; }
.lead-score { margin: 12px 0 0; color: #415573; font-size: .84rem; font-weight: 700; }
.lead-card.is-dragging { opacity: .5; cursor: grabbing; }
.lead-card h3 { margin-bottom: 7px; font-size: 1rem; }
.lead-card h3 a { color: #172033; text-decoration: none; }
.lead-card h3 a:hover { text-decoration: underline; }
.lead-card > p { margin-bottom: 5px; color: #59677f; font-size: .9rem; }
.lead-metrics { display: flex; gap: 12px; margin: 14px 0 0; }
.lead-metrics div { flex: 1; padding: 8px; background: #f5f8fc; border-radius: 7px; }
.lead-metrics dt { color: #61708a; font-size: .72rem; }
.lead-metrics dd { margin: 2px 0 0; font-weight: 800; }
.empty-column { margin: 10px 0; color: #66758d; font-size: .9rem; text-align: center; }

.lead-hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.lead-hero-actions { display: flex; align-items: center; gap: 12px; }
.lead-hero-metrics { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; }
.lead-hero-metrics div { min-width: 104px; padding: 8px 10px; border: 1px solid #cbd6e6; border-radius: 8px; background: #f4f7fc; }
.lead-hero-metrics dt { color: #52617a; font-size: .72rem; font-weight: 700; }
.lead-hero-metrics dd { margin: 2px 0 0; color: #172033; font-size: .88rem; font-weight: 800; overflow-wrap: anywhere; }
.lead-operational-summary { display: grid; gap: 16px; margin: 22px 0; padding: 18px; border: 1px solid #d7e0ed; border-radius: 12px; background: #fff; }
.lead-operational-summary dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; }
.lead-operational-summary dl > div { min-width: 0; padding: 10px; border-radius: 8px; background: #f6f8fc; }
.lead-operational-summary dt { color: #64708a; font-size: .74rem; font-weight: 700; }
.lead-operational-summary dd { margin: 3px 0 0; color: #263957; font-size: .9rem; font-weight: 700; overflow-wrap: anywhere; }
.lead-section-navigation { display: flex; justify-content: center; gap: 8px; overflow-x: auto; margin: 0 0 22px; padding: 4px 0 9px; border-bottom: 1px solid #dfe5ee; }
.lead-section-navigation a { flex: 0 0 auto; border: 1px solid #cbd6e6; border-radius: 999px; color: #29436a; font-size: .86rem; font-weight: 700; padding: 8px 12px; text-decoration: none; }
.lead-section-navigation a:hover, .lead-section-navigation a:focus-visible { color: #172f55; background: #edf3fc; border-color: #7898c3; outline: 2px solid transparent; }
.lead-section-navigation__top { position: fixed; right: 22px; bottom: 22px; z-index: 12; display: none; width: 42px; min-height: 42px; justify-content: center; align-items: center; padding: 0 !important; background: #fff; box-shadow: 0 6px 18px rgb(32 49 84 / .18); }
.lead-section-navigation__top.is-visible { display: inline-flex; }
.lead-content-section { scroll-margin-top: 18px; }
.lead-archive-notice { border-left: 4px solid #9c741b; }
.lead-risk-area { margin-top: 34px; border: 1px solid #dda3a3; background: #fff8f8; }
.lead-risk-area h2 { color: #842323; }
.lead-risk-area p { max-width: 75ch; }
.lead-pipeline-summary { container-type: inline-size; width: 100%; margin: 0 0 22px; padding: 14px 16px; border: 1px solid #dfe5ee; border-radius: 10px; background: #fff; }
.lead-pipeline-summary h2 { margin-bottom: 10px; font-size: 1rem; }
.pipeline-timeline { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); width: 100%; overflow-x: visible; margin: 0; padding: 2px 0 8px; list-style: none; }
.pipeline-timeline__step { position: relative; display: grid; grid-template-rows: 18px auto auto; row-gap: 5px; align-items: start; min-width: 0; color: #69768a; font-size: .8rem; font-weight: 700; }
.pipeline-timeline__step:not(:last-child)::after { position: absolute; top: 8px; left: 22px; width: calc(100% - 22px); height: 2px; background: #d9e0ea; content: ""; }
.pipeline-timeline__marker { position: relative; z-index: 1; width: 18px; height: 18px; border: 2px solid #aeb9c8; border-radius: 50%; background: #fff; }
.pipeline-timeline__label { min-width: 0; color: inherit; line-height: 1.25; overflow-wrap: normal; word-break: normal; }
.pipeline-timeline__state { color: #69768a; font-size: .71rem; font-weight: 600; }
.pipeline-timeline__step.is-visited { color: #29436a; }
.pipeline-timeline__step.is-visited .pipeline-timeline__marker { border-color: #5475aa; background: #5475aa; }
.pipeline-timeline__step.is-current { color: #153f9f; }
.pipeline-timeline__step.is-current .pipeline-timeline__marker { border-color: #2456c6; background: #2456c6; box-shadow: 0 0 0 4px #dfeaff; }
.pipeline-timeline__step.is-current .pipeline-timeline__state { color: #153f9f; font-weight: 800; }
.pipeline-timeline__step.is-final.is-current .pipeline-timeline__marker { border-color: #52617a; background: #52617a; box-shadow: 0 0 0 4px #e8edf4; }
@container (max-width: 1120px) {
  .pipeline-timeline { display: flex; overflow-x: auto; }
  .pipeline-timeline__step { flex: 0 0 176px; min-width: 176px; }
  .pipeline-timeline__label, .pipeline-timeline__state { white-space: nowrap; }
}
.score-summary { margin-bottom: 16px; padding: 15px; background: #edf4ff; border-left: 4px solid #4e82df; border-radius: 8px; }
.score-summary p:last-child { margin-bottom: 0; }
.score-factor-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.score-factor-groups section { min-width: 0; padding: 13px; border-radius: 9px; background: #f7f9fc; }
.score-factor-groups h3 { margin-bottom: 8px; }
.score-factor-groups ul { margin: 0; padding-left: 20px; }
.score-details { margin-top: 14px; }
.score-details summary { cursor: pointer; color: #29436a; font-weight: 800; }
.score-details h3 { margin-top: 16px; }
.button-compact { min-height: 32px; margin-top: 7px; padding: 5px 9px; font-size: .8rem; }
.status-badge { display: inline-flex; align-items: center; width: fit-content; max-width: 100%; padding: 6px 10px; color: var(--color-info); background: var(--color-info-surface); border: var(--border-width) solid transparent; border-radius: 999px; font-size: var(--font-size-13); font-weight: var(--font-weight-semibold); line-height: 1.2; white-space: nowrap; overflow-wrap: normal; word-break: normal; }
.status-badge--neutral { color: var(--color-text-secondary); background: var(--color-surface-muted); border-color: var(--color-border); }
.status-badge--info, .status-badge--stage { color: var(--color-info); background: var(--color-info-surface); border-color: var(--color-info); }
.status-badge--success { color: var(--color-success); background: var(--color-success-surface); border-color: var(--color-success); }
.status-badge--warning, .status-badge--priority { color: var(--color-warning); background: var(--color-warning-surface); border-color: var(--color-warning); }
.status-badge--error { color: var(--color-danger); background: var(--color-danger-surface); border-color: var(--color-danger); }
.details-grid, .diagnosis-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.details-grid div, .diagnosis-grid > div { padding: 13px; background: #f7f9fc; border-radius: 9px; }
.details-grid dt { margin-bottom: 5px; color: #64708a; font-size: .78rem; font-weight: 700; }
.details-grid dd { margin: 0; overflow-wrap: anywhere; }
.lead-technical-metadata { order: 99; padding: var(--space-3) 0 0; background: transparent; color: var(--color-text-muted); font-size: var(--font-size-12); }
.lead-technical-metadata dt { font-size: inherit; }
.lead-technical-metadata dd { display: inline-flex; align-items: center; gap: 6px; font-size: inherit; }
.identifier-copy-button { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; color: #52617a; background: transparent; border: 1px solid #cbd6e6; border-radius: 6px; cursor: pointer; font: inherit; }
.identifier-copy-button:hover, .identifier-copy-button:focus-visible { color: #172f55; background: #edf3fc; border-color: #7898c3; }
.identifier-copy-feedback { color: #52617a; }
.diagnosis-summary { margin-bottom: 16px; padding: 15px; background: #edf4ff; border-left: 4px solid #4e82df; border-radius: 8px; }
.diagnosis-summary p:last-child { margin-bottom: 0; }
.diagnosis-grid ul { margin: 0; padding-left: 20px; }
.pipeline-history { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.pipeline-history li { display: grid; grid-template-columns: 160px 1fr auto; gap: 12px; padding: 12px; background: #f7f9fc; border-radius: 8px; }
.pipeline-history time { color: #64708a; font-size: .9rem; }
.legacy-screenshot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.legacy-screenshot-card { min-width: 0; padding: 16px; border: 1px solid #dfe4ee; border-radius: 10px; background: #fff; }
.legacy-screenshot-card h3 { margin-top: 0; }
.legacy-screenshot-thumbnail { display: block; height: 300px; overflow: hidden; margin-bottom: 12px; border-radius: 8px; background: #eef1f5; }
.legacy-screenshot-thumbnail--mobile { width: min(70%, 360px); margin-right: auto; margin-left: auto; }
.legacy-screenshot-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }

@media (max-width: 760px) {
  .lead-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); overflow-x: visible; }
  .lead-filter-form { grid-template-columns: 1fr; }
  .lead-filter-field--wide { grid-column: auto; }
  .lead-table { min-width: 760px; }
  .page-container { width: min(100% - 28px, 1440px); }
  .demo-configuration-grid, .details-grid, .digital-review-grid, .archived-lead-grid { grid-template-columns: 1fr; }
  .prospecting-form, .lead-edit-form, .interaction-grid, .demo-configuration-grid, .presentation-share-form, .details-grid, .diagnosis-grid { grid-template-columns: 1fr; }
  .private-presentation-link-form, .private-link-metadata { grid-template-columns: 1fr; }
  .demo-configuration-submit { align-items: stretch; }
  .pipeline-history li { grid-template-columns: 1fr; gap: 5px; }
  .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pipeline-summary { align-items: flex-start; flex-direction: column; }
  .kanban-viewport { height: calc(100vh - 190px); min-height: 300px; }
  .legacy-screenshot-grid { grid-template-columns: 1fr; }
  .lead-hero { align-items: flex-start; flex-direction: column; }
  .lead-hero-actions { align-items: flex-start; flex-direction: column; }
  .lead-hero-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .lead-hero-metrics div { min-width: 0; }
  .lead-operational-summary dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lead-section-navigation { justify-content: flex-start; }
  .lead-section-navigation__top { right: 14px; bottom: 14px; }
  .section-heading { align-items: flex-start; flex-direction: column; }
  .score-factor-groups { grid-template-columns: 1fr; }
  .review-confirmation { grid-template-columns: 1fr; }
}
@media (min-width: 761px) and (max-width: 1100px) { .digital-review-grid, .archived-lead-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.website-capture-card { border: 1px solid var(--border-color, #d7dce5); border-radius: 12px; padding: 1rem; background: #fff; min-width: 0; }
.website-capture-thumbnail { display: block; width: 100%; height: 300px; overflow: hidden; border-radius: 8px; background: #eef1f5; }
.website-capture-thumbnail img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.website-capture-metadata { margin-top: .75rem; overflow-wrap: anywhere; }
[data-website-capture-submit].is-loading { opacity: .7; cursor: wait; }
.website-capture-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.demo-workflow-block { margin-top: 1rem; padding: 1rem; border: 1px solid #dfe4ee; border-radius: 10px; background: #f9fbfd; }
.demo-workflow { display: grid; gap: 16px; }
.demo-workflow-block { margin-top: 0; }
.heading-with-help { display: flex; align-items: center; gap: 6px; }
.heading-with-help h2, .heading-with-help h3 { margin-bottom: 0; }
.contextual-help { position: relative; display: inline-flex; align-items: center; vertical-align: middle; }
.contextual-help-trigger { display: inline-grid; width: 17px; height: 17px; padding: 0; place-items: center; color: var(--color-text-muted); background: transparent; border: var(--border-width) solid var(--color-border-strong); border-radius: 999px; font: var(--font-weight-bold) var(--font-size-11)/1 var(--font-family-sans); cursor: pointer; transition: color var(--motion-fast) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard), background-color var(--motion-fast) var(--easing-standard); }
.contextual-help-trigger:hover, .contextual-help-trigger[aria-expanded="true"] { color: var(--color-primary); background: var(--color-info-surface); border-color: var(--color-primary); }
.contextual-help-trigger:focus-visible { color: var(--color-primary); background: var(--color-info-surface); border-color: var(--color-primary); }
.contextual-help-popover { position: absolute; z-index: 10; top: calc(100% + var(--space-2)); left: 50%; width: min(290px, 75vw); padding: var(--space-3); color: var(--color-text-secondary); background: var(--color-surface-elevated); border: var(--border-default); border-radius: var(--radius-md); box-shadow: var(--shadow-popover); transform: translateX(-50%); }
.contextual-help-popover strong, .contextual-help-popover span { display: block; }
.contextual-help-popover span { margin-top: 4px; font-size: .86rem; line-height: 1.45; }
.before-after-context { display: inline-flex; align-items: center; gap: 5px; margin: 0; color: #64708a; font-size: .86rem; font-weight: 700; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

/* Central administrativa de Configurações: leitura segura e única edição técnica. */
.settings-content { display: grid; gap: 0; }
.settings-panel { display: grid; gap: 16px; }
.settings-panel > :last-child { margin-bottom: 0; }
.settings-section-summary { margin: -6px 0 0; color: #52627a; line-height: 1.5; }
.settings-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; }
.settings-summary-grid > div { min-width: 0; padding: 12px 13px; border: 1px solid #e0e6f0; border-radius: 10px; background: #f8faff; }
.settings-summary-grid dt { color: #5b6a82; font-size: .76rem; font-weight: 750; }
.settings-summary-grid dd { margin: 5px 0 0; color: #24344f; font-size: .92rem; font-weight: 750; overflow-wrap: anywhere; }
.settings-summary-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.settings-details { border-top: var(--border-default); padding-top: var(--space-3); }
.settings-details > summary { display: inline-flex; align-items: center; min-height: 32px; width: fit-content; color: var(--color-primary); cursor: pointer; font-size: var(--font-size-14); font-weight: var(--font-weight-semibold); }
.settings-details > summary:hover { color: var(--color-primary-hover); }
.settings-details > summary:focus-visible { border-radius: var(--radius-sm); }
.settings-details[open] > summary { margin-bottom: var(--space-3); color: var(--color-primary-active); }
.settings-compact-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
.settings-compact-details > div { min-width: 0; }
.settings-compact-details dt { color: #5b6a82; font-size: .78rem; font-weight: 750; }
.settings-compact-details dd { margin: 4px 0 0; color: #34415a; font-size: .9rem; overflow-wrap: anywhere; }
.settings-public-url-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 16px; align-items: end; padding: 16px; border: 1px solid #dce5f2; border-radius: 10px; background: #f8fbff; }
.settings-public-url-form label { display: grid; gap: 6px; color: #34415a; font-size: .88rem; font-weight: 700; }
.settings-public-url-form .field-hint, .settings-public-url-form .field-error { grid-column: 1 / -1; margin: 0; }
.settings-form-action { margin: 0; }
.field-error { color: #a12626; font-size: .9rem; font-weight: 700; }
.settings-readonly-notice { margin: 0; padding: 12px 14px; border-left: 4px solid #8fa6ca; border-radius: 7px; color: #415573; background: #f4f8ff; line-height: 1.5; }
.settings-status-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.settings-status { display: grid; align-content: start; gap: 8px; min-width: 0; padding: 15px; border: 1px solid #dce5f2; border-radius: 10px; background: #fbfcfe; }
.settings-status h3, .settings-status p { margin: 0; }
.settings-status h3 { color: #283852; font-size: .98rem; }
.settings-status > p:last-child { color: #5c6b82; font-size: .9rem; line-height: 1.48; }
.settings-status__state { display: inline-flex; align-items: center; gap: 5px; width: fit-content; max-width: 100%; color: #29436a; font-size: .86rem; font-weight: 800; }
.settings-status--success { border-color: #b6dbc1; background: #f5fbf6; }
.settings-status--warning { border-color: #ead4a6; background: #fffaf0; }
.settings-overall-state { display: grid; gap: 5px; margin: 0; padding: 15px; border: 1px solid #cbd9ee; border-radius: 10px; color: #314a70; background: #f4f8ff; }
.settings-overall-state strong { font-size: 1rem; }
.settings-overall-state span { line-height: 1.5; }
.settings-diagnostic-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.settings-diagnostic-item { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px; border: 1px solid #dfe6f0; border-radius: 10px; background: #fff; }
.settings-diagnostic-item > div { min-width: 0; }
.settings-diagnostic-item strong, .settings-diagnostic-item__state { display: block; }
.settings-diagnostic-item__classification { display: block; margin-bottom: 4px; color: #536988; font-size: .75rem; font-weight: 800; letter-spacing: .025em; text-transform: uppercase; }
.settings-diagnostic-item__state { margin-top: 3px; color: #40577a; font-size: .86rem; font-weight: 800; }
.settings-diagnostic-item p { margin: 5px 0 0; color: #60708a; font-size: .89rem; line-height: 1.45; }
.settings-diagnostic-item--success { border-left: 4px solid #55a66d; }
.settings-diagnostic-item--warning { border-left: 4px solid #cf9a35; }
.settings-diagnostic-item--neutral { border-left: 4px solid #8294ae; }
.settings-diagnostic-item .button { flex: 0 0 auto; }
.gmail-settings-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.gmail-settings-content { display: grid; gap: 0; }
.gmail-settings-panel { display: grid; gap: 16px; }
.gmail-settings-panel > :last-child { margin-bottom: 0; }
.gmail-capabilities-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.gmail-capability-card { min-width: 0; padding: 15px; border: 1px solid #c8ddcd; border-radius: 10px; background: #f5fbf6; }
.gmail-capability-card--pending { border-color: #ead4a6; background: #fffaf0; }
.gmail-capability-card h3 { margin: 0; color: #283852; font-size: .98rem; }
.gmail-capability-card ul { display: grid; gap: 7px; margin: 11px 0 0; padding-left: 20px; color: #4d5d75; line-height: 1.45; }
.gmail-actions { align-items: center; flex-wrap: wrap; margin: 0; }
.gmail-actions form { margin: 0; }
.gmail-production-checklist { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.gmail-production-checklist li { display: flex; align-items: baseline; gap: 9px; min-width: 0; padding: 10px 12px; border: 1px solid #e0e6f0; border-radius: 8px; color: #46566e; line-height: 1.4; }
.gmail-production-checklist span { flex: 0 0 auto; color: #536988; font-size: .76rem; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }
.gmail-production-checklist li div { min-width: 0; }
.gmail-production-checklist small { display: block; margin-top: 3px; color: #63728a; font-size: .84rem; }

@media (max-width: 780px) {
  .settings-summary-grid, .settings-summary-grid--compact, .settings-status-grid, .settings-compact-details { grid-template-columns: 1fr; }
  .settings-public-url-form { grid-template-columns: 1fr; }
  .settings-form-action { grid-row: auto; }
  .settings-form-action .button { width: 100%; }
  .settings-diagnostic-item { align-items: flex-start; flex-direction: column; }
  .settings-diagnostic-item .button { width: 100%; }
  .gmail-settings-header { align-items: flex-start; flex-direction: column; }
  .gmail-settings-header .button { width: 100%; }
  .gmail-capabilities-grid { grid-template-columns: 1fr; }
  .gmail-actions { align-items: stretch; flex-direction: column; }
  .gmail-actions form, .gmail-actions .button { width: 100%; }
}

/* US-131 B.3: páginas administrativas de entrada, visão e prospecção. */
.login-page { min-height: 100vh; }
.login-shell { display: grid; min-height: 100vh; place-items: center; padding: var(--space-6); }
.login-panel { width: min(100%, 440px); margin: 0; padding: var(--space-8); }
.login-panel__header { margin-bottom: var(--space-6); }
.login-panel__header .page-subtitle { margin-bottom: 0; }
.login-form { grid-template-columns: 1fr; gap: var(--space-4); }
.login-form .button { width: 100%; margin-top: var(--space-2); }

.overview-content, .prospecting-content { display: grid; gap: var(--space-6); }
.overview-content .panel, .prospecting-content .panel { margin-bottom: 0; }
.overview-updated { margin: var(--space-3) 0 0; color: var(--color-text-muted); font-size: var(--font-size-13); }
.overview-section-heading, .prospecting-panel__header, .prospecting-report__group-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
.overview-section-heading h2, .prospecting-panel__header h2, .prospecting-report__group-header h2 { margin-bottom: var(--space-2); }
.overview-section-heading .field-hint, .prospecting-panel__header .field-hint { margin-bottom: 0; }
.overview-metrics { grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; }
.overview-metric { min-width: 0; }
.overview-metrics .overview-metric--volume { grid-column: span 2; background: var(--color-surface-muted); border-color: var(--color-border-strong); }
.overview-metrics .overview-metric--volume strong { color: var(--color-primary); font-size: var(--font-size-28); }
.overview-panel { display: grid; gap: var(--space-5); }
.overview-distribution, .overview-recent-leads, .overview-notices, .prospecting-history-list { display: grid; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.overview-distribution .overview-distribution__item { display: grid; gap: var(--space-2); padding-bottom: var(--space-3); border-bottom: var(--border-default); }
.overview-distribution .overview-distribution__item:last-child { padding-bottom: 0; border-bottom: 0; }
.overview-distribution__label { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); color: var(--color-text-secondary); }
.overview-distribution__label strong { color: var(--color-text-primary); font-family: var(--font-family-mono); font-variant-numeric: tabular-nums; }
.overview-distribution__track { height: var(--space-2); overflow: hidden; background: var(--color-surface-muted); border-radius: 999px; }
.overview-distribution__track span { display: block; width: var(--distribution-value); min-width: 0; height: 100%; background: var(--color-primary); border-radius: inherit; }
.overview-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: var(--space-6); }
.overview-recent-leads li, .prospecting-history-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-4); padding-bottom: var(--space-3); border-bottom: var(--border-default); }
.overview-recent-leads li:last-child, .prospecting-history-list li:last-child { padding-bottom: 0; border-bottom: 0; }
.overview-recent-leads a { color: var(--color-text-primary); font-weight: var(--font-weight-semibold); text-decoration: none; }
.overview-recent-leads a:hover { color: var(--color-primary); text-decoration: underline; }
.overview-recent-leads p, .prospecting-history-list__context span { margin: var(--space-1) 0 0; color: var(--color-text-muted); font-size: var(--font-size-13); }
.overview-notices .feedback { margin: 0; }

.prospecting-content > .feedback { margin-bottom: 0; }
.prospecting-start-panel { border-color: var(--color-border-strong); }
.prospecting-start-panel .prospecting-form { margin-top: var(--space-2); }
.prospecting-history-panel { background: var(--color-surface); }
.prospecting-history-list li { grid-template-columns: 150px minmax(0, 1fr) auto; }
.prospecting-history-list time { color: var(--color-text-muted); font-size: var(--font-size-13); font-variant-numeric: tabular-nums; }
.prospecting-history-list__context { display: grid; gap: var(--space-1); min-width: 0; }
.prospecting-history-list__context strong { color: var(--color-text-primary); font-weight: var(--font-weight-semibold); }
.prospecting-history-list .button { margin-top: 0; }

.prospecting-report { display: grid; gap: var(--space-6); }
.prospecting-report .panel { margin-bottom: 0; }
.prospecting-report__summary { display: grid; gap: var(--space-5); }
.prospecting-report__header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
.prospecting-report__header h2 { margin-bottom: var(--space-2); }
.prospecting-report__header .field-hint { margin-bottom: 0; }
.prospecting-report-summary, .prospecting-report-lifecycle, .prospecting-report-metrics, .prospecting-report-closing, .prospecting-report-technical-metadata { display: grid; margin: 0; }
.prospecting-report-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.prospecting-report-lifecycle { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); padding-top: var(--space-4); border-top: var(--border-default); }
.prospecting-report-summary > div, .prospecting-report-lifecycle > div, .prospecting-report-technical-metadata > div { min-width: 0; }
.prospecting-report-summary dt, .prospecting-report-lifecycle dt, .prospecting-report-metrics dt, .prospecting-report-closing dt { color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-semibold); }
.prospecting-report-summary dd, .prospecting-report-lifecycle dd, .prospecting-report-metrics dd, .prospecting-report-closing dd { margin: var(--space-1) 0 0; color: var(--color-text-primary); font-weight: var(--font-weight-semibold); overflow-wrap: anywhere; }
.prospecting-report-technical-metadata { grid-template-columns: minmax(0, 1fr); padding-top: var(--space-3); border-top: var(--border-default); }
.prospecting-report-technical-metadata dt, .prospecting-report-technical-metadata dd { display: inline; margin: 0; color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-regular); }
.prospecting-report-technical-metadata dt::after { content: ": "; }
.prospecting-report-technical-metadata dd { font-family: var(--font-family-mono); overflow-wrap: anywhere; }
.prospecting-report__group { display: grid; gap: var(--space-5); }
.prospecting-report-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); }
.prospecting-report-metrics > div { min-width: 0; padding: var(--space-3); background: var(--color-surface-muted); border: var(--border-default); border-radius: var(--radius-sm); }
.prospecting-report-metrics dd { font-family: var(--font-family-mono); font-size: var(--font-size-20); font-variant-numeric: tabular-nums; }
.prospecting-report-metrics > .prospecting-report-metrics__result { background: var(--color-info-surface); border-color: var(--color-info); }
.prospecting-report-metrics__result dd { color: var(--color-info); }
.prospecting-report-closing { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.prospecting-report-closing > div { min-width: 0; }
.prospecting-report-closing ul { display: grid; gap: var(--space-1); margin: 0; padding-left: var(--space-4); font-weight: var(--font-weight-regular); }

@media (max-width: 980px) {
  .overview-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .overview-metrics .overview-metric--volume { grid-column: span 1; }
  .prospecting-report-summary, .prospecting-report-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .login-shell { min-height: auto; padding: var(--space-4); }
  .login-panel { padding: var(--space-6); }
  .overview-detail-grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .overview-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .prospecting-history-list li { grid-template-columns: 1fr; align-items: start; }
  .prospecting-history-list .button { width: 100%; }
  .prospecting-report__header { flex-direction: column; }
  .prospecting-report-summary, .prospecting-report-lifecycle, .prospecting-report-metrics, .prospecting-report-closing { grid-template-columns: 1fr; }
}

/* US-131 B.4: Central de Leads, Configurações e configuração do Gmail. */
.lead-directory-page .lead-summary { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--space-3); margin: 0; overflow: visible; }
.lead-directory-page .lead-summary article { min-width: 0; padding: var(--space-3); background: var(--color-surface); border: var(--border-default); border-radius: var(--radius-md); }
.lead-directory-page .lead-summary article:first-child { background: var(--color-surface-muted); border-color: var(--color-border-strong); }
.lead-directory-page .lead-summary strong { color: var(--color-text-primary); font-family: var(--font-family-mono); font-size: var(--font-size-20); font-variant-numeric: tabular-nums; }
.lead-directory-page .lead-summary span { color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-medium); }
.lead-directory-page .lead-filter-panel, .lead-directory-page .lead-result-panel { display: grid; gap: var(--space-5); margin-bottom: 0; }
.lead-directory-page .section-heading { align-items: flex-start; gap: var(--space-4); }
.lead-directory-page .lead-filter-form { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); align-items: stretch; }
.lead-directory-page .lead-filter-form__search { width: min(100%, 720px); }
.lead-directory-page .lead-filter-group { min-width: 0; margin: 0; padding: 0; border: 0; }
.lead-directory-page .lead-filter-group legend { margin-bottom: var(--space-3); color: var(--color-text-secondary); font-size: var(--font-size-13); font-weight: var(--font-weight-semibold); }
.lead-directory-page .lead-filter-group__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); }
.lead-directory-page .lead-filter-group--period .lead-filter-group__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 520px; }
.lead-directory-page .lead-filter-field { gap: var(--space-2); }
.lead-directory-page .lead-filter-field label { color: var(--color-text-secondary); font-size: var(--font-size-13); font-weight: var(--font-weight-medium); }
.lead-directory-page .lead-filter-field input, .lead-directory-page .lead-filter-field select { border: var(--border-strong); background: var(--color-surface); color: var(--color-text-primary); }
.lead-directory-page .lead-filter-form__footer { display: grid; grid-template-columns: minmax(220px, 320px) auto; align-items: end; justify-content: space-between; gap: var(--space-4); padding-top: var(--space-4); border-top: var(--border-default); }
.lead-directory-page .lead-filter-actions { min-height: auto; }
.lead-directory-page .lead-table-wrapper { border: var(--border-default); border-radius: var(--radius-md); background: var(--color-surface); }
.lead-directory-page .lead-table { margin: 0; color: var(--color-text-secondary); }
.lead-directory-page .lead-table th, .lead-directory-page .lead-table td { border-color: var(--color-border); padding: var(--space-3); }
.lead-directory-page .lead-table th { color: var(--color-text-muted); font-size: var(--font-size-11); font-weight: var(--font-weight-semibold); }
.lead-directory-page .lead-table td { color: var(--color-text-secondary); font-size: var(--font-size-13); }
.lead-directory-page .lead-table td:first-child strong { color: var(--color-text-primary); }
.lead-directory-page .lead-table td:first-child span { color: var(--color-text-muted); }
.lead-directory-page .lead-table td:nth-child(3), .lead-directory-page .lead-table td:nth-child(4), .lead-directory-page .lead-table td:nth-child(7) { font-variant-numeric: tabular-nums; }
.lead-directory-page .lead-pagination { gap: var(--space-2); margin-top: var(--space-4); }
.lead-directory-page .lead-pagination a { border: var(--border-default); border-radius: var(--radius-sm); color: var(--color-text-secondary); padding: var(--space-2) var(--space-3); }
.lead-directory-page .lead-pagination a[aria-current="page"] { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-surface); }

.settings-page .settings-content, .gmail-settings-page .gmail-settings-content { gap: var(--space-6); }
.settings-page .settings-panel, .gmail-settings-page .gmail-settings-panel { gap: var(--space-5); margin-bottom: 0; }
.settings-page .settings-section-summary, .gmail-settings-page .settings-section-summary { margin: calc(-1 * var(--space-1)) 0 0; color: var(--color-text-secondary); font-size: var(--font-size-14); }
.settings-page .settings-summary-grid, .gmail-settings-page .settings-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.settings-page .settings-summary-grid--compact, .gmail-settings-page .settings-summary-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.settings-page .settings-summary-grid > div, .gmail-settings-page .settings-summary-grid > div { padding: var(--space-3); background: var(--color-surface-muted); border: var(--border-default); border-radius: var(--radius-sm); }
.settings-page .settings-summary-grid dt, .gmail-settings-page .settings-summary-grid dt, .settings-page .settings-compact-details dt, .gmail-settings-page .settings-compact-details dt { color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-semibold); }
.settings-page .settings-summary-grid dd, .gmail-settings-page .settings-summary-grid dd, .settings-page .settings-compact-details dd, .gmail-settings-page .settings-compact-details dd { color: var(--color-text-primary); font-size: var(--font-size-14); font-weight: var(--font-weight-medium); }
.settings-page .settings-public-url-form { gap: var(--space-4); padding: var(--space-4); background: var(--color-surface-muted); border: var(--border-default); border-radius: var(--radius-md); }
.settings-page .settings-readonly-notice, .gmail-settings-page .settings-readonly-notice { padding: var(--space-3) var(--space-4); color: var(--color-text-secondary); background: var(--color-info-surface); border-color: var(--color-info); border-radius: var(--radius-sm); }
.settings-page .settings-status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.settings-page .settings-status { gap: var(--space-3); padding: var(--space-4); background: var(--color-surface-muted); border: var(--border-default); border-radius: var(--radius-md); }
.settings-page .settings-status h3 { color: var(--color-text-primary); font-size: var(--font-size-16); }
.settings-page .settings-status > p:last-child { color: var(--color-text-secondary); font-size: var(--font-size-13); }
.settings-page .settings-status__state { color: var(--color-text-secondary); font-size: var(--font-size-13); }
.settings-page .settings-diagnostic-list { gap: var(--space-3); }
.settings-page .settings-diagnostic-item { align-items: flex-start; padding: var(--space-4); background: var(--color-surface); border: var(--border-default); border-left-width: 3px; border-radius: var(--radius-md); }
.settings-page .settings-diagnostic-item--warning { border-left-color: var(--color-warning); }
.settings-page .settings-diagnostic-item--neutral { border-left-color: var(--color-info); }
.settings-page .settings-diagnostic-item--success { border-left-color: var(--color-success); }
.settings-page .settings-diagnostic-item__classification, .settings-page .settings-diagnostic-item__state { color: var(--color-text-muted); font-size: var(--font-size-12); }
.settings-page .settings-diagnostic-item p { color: var(--color-text-secondary); font-size: var(--font-size-13); }

.gmail-settings-page .gmail-settings-header { gap: var(--space-5); }
.gmail-settings-page .gmail-capabilities-grid { gap: var(--space-3); }
.gmail-settings-page .gmail-capability-card { padding: var(--space-4); background: var(--color-success-surface); border: var(--border-default); border-color: var(--color-success); border-radius: var(--radius-md); }
.gmail-settings-page .gmail-capability-card--pending { background: var(--color-warning-surface); border-color: var(--color-warning); }
.gmail-settings-page .gmail-capability-card h3 { color: var(--color-text-primary); font-size: var(--font-size-16); }
.gmail-settings-page .gmail-capability-card ul { color: var(--color-text-secondary); font-size: var(--font-size-14); }
.gmail-settings-page .gmail-production-checklist { gap: var(--space-2); }
.gmail-settings-page .gmail-production-checklist li { gap: var(--space-3); padding: var(--space-3); color: var(--color-text-secondary); background: var(--color-surface-muted); border: var(--border-default); border-radius: var(--radius-sm); }
.gmail-settings-page .gmail-production-checklist span { color: var(--color-text-muted); font-size: var(--font-size-11); }
.gmail-settings-page .gmail-production-checklist small { color: var(--color-text-muted); font-size: var(--font-size-12); }

@media (max-width: 1120px) {
  .lead-directory-page .lead-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lead-directory-page .lead-filter-group__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .settings-page .settings-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 780px) {
  .lead-directory-page .lead-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lead-directory-page .section-heading { align-items: stretch; flex-direction: column; }
  .lead-directory-page .section-heading .button { width: 100%; }
  .lead-directory-page .lead-filter-group__grid, .lead-directory-page .lead-filter-group--period .lead-filter-group__grid, .lead-directory-page .lead-filter-form__footer { grid-template-columns: 1fr; max-width: none; }
  .lead-directory-page .lead-filter-actions, .lead-directory-page .lead-filter-actions .button { width: 100%; }
  .settings-page .settings-summary-grid, .settings-page .settings-summary-grid--compact, .settings-page .settings-status-grid, .gmail-settings-page .settings-summary-grid, .gmail-settings-page .settings-summary-grid--compact { grid-template-columns: 1fr; }
}

/* US-131 B.5: Pipeline comercial como trilho operacional. */
.pipeline-page .pipeline-page-header { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-6); }
.pipeline-page .pipeline-summary { display: flex; flex: 0 0 auto; align-items: center; gap: var(--space-4); margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-14); font-weight: var(--font-weight-medium); }
.pipeline-page .pipeline-summary > span { font-family: var(--font-family-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pipeline-page .pipeline-content { padding: var(--space-6) 0 var(--space-8); }
.pipeline-page .pipeline-board { display: flex; align-items: stretch; gap: var(--space-4); height: min(760px, calc(100vh - 224px)); min-height: 340px; margin: 0; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; padding: 0 0 var(--space-3); scrollbar-gutter: stable; }
.pipeline-page .pipeline-column { display: flex; flex: 0 0 296px; flex-direction: column; min-width: 0; min-height: 0; height: 100%; padding: var(--space-3); background: var(--color-surface-muted); border: var(--border-default); border-radius: var(--radius-md); transition: background-color var(--motion-fast) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard), opacity var(--motion-fast) var(--easing-standard); }
.pipeline-page .pipeline-column.is-drop-target { background: var(--color-info-surface); border-color: var(--color-info); }
.pipeline-page .pipeline-column.is-pending { opacity: .72; }
.pipeline-page .pipeline-column__header { flex: 0 0 auto; gap: var(--space-3); margin-bottom: var(--space-3); padding-bottom: var(--space-3); border-bottom: var(--border-default); }
.pipeline-page .pipeline-column__header h2 { color: var(--color-text-primary); font-size: var(--font-size-16); font-weight: var(--font-weight-semibold); }
.pipeline-page .column-count { min-width: 28px; min-height: 28px; color: var(--color-text-secondary); background: var(--color-surface); border: var(--border-default); border-radius: 999px; font-family: var(--font-family-mono); font-size: var(--font-size-13); font-variant-numeric: tabular-nums; }
.pipeline-page .pipeline-card-list { display: flex; flex: 1 1 auto; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: var(--space-3); min-height: 0; overflow-y: auto; overflow-x: visible; padding: 0 var(--space-1) 0 0; scrollbar-gutter: stable; }
.pipeline-page .pipeline-column:has(.pipeline-column__empty:not([hidden])) .pipeline-card-list { flex: 0 1 auto; }
.pipeline-page .pipeline-lead-card { flex: 0 0 auto; min-width: 0; min-height: 0; height: auto; padding: var(--space-3); background: var(--color-surface); border: var(--border-default); border-radius: var(--radius-sm); box-shadow: var(--shadow-none); cursor: grab; }
.pipeline-page .pipeline-lead-card.is-dragging { opacity: .55; border-color: var(--color-primary); cursor: grabbing; }
.pipeline-page .pipeline-lead-card h3 { margin-bottom: var(--space-2); color: var(--color-text-primary); font-size: var(--font-size-16); line-height: var(--line-height-heading); }
.pipeline-page .pipeline-lead-card h3 a { color: inherit; text-decoration: none; }
.pipeline-page .pipeline-lead-card h3 a:hover { color: var(--color-primary); text-decoration: underline; }
.pipeline-page .pipeline-lead-card__metadata { margin: 0 0 var(--space-1); color: var(--color-text-secondary); font-size: var(--font-size-13); overflow-wrap: anywhere; }
.pipeline-page .lead-card__metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); margin: var(--space-3) 0 0; }
.pipeline-page .lead-card__metrics div { min-width: 0; padding: var(--space-2); background: var(--color-surface-muted); border-radius: var(--radius-sm); }
.pipeline-page .lead-card__metrics dt { color: var(--color-text-muted); font-size: var(--font-size-11); font-weight: var(--font-weight-medium); }
.pipeline-page .lead-card__metrics dd { margin: var(--space-1) 0 0; color: var(--color-text-primary); font-family: var(--font-family-mono); font-size: var(--font-size-13); font-weight: var(--font-weight-semibold); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.pipeline-page .lead-card__score { margin: var(--space-3) 0 0; padding-top: var(--space-3); color: var(--color-text-secondary); border-top: var(--border-default); font-size: var(--font-size-13); font-weight: var(--font-weight-medium); overflow-wrap: anywhere; }
.pipeline-page .pipeline-column__empty { align-self: stretch; margin: var(--space-6) 0 0; color: var(--color-text-muted); font-size: var(--font-size-13); pointer-events: none; text-align: center; }

@media (max-width: 980px) {
  .pipeline-page .pipeline-page-header { align-items: flex-start; flex-direction: column; }
  .pipeline-page .pipeline-board { height: min(680px, calc(100vh - 254px)); }
}

@media (max-width: 780px) {
  .pipeline-page .pipeline-summary { align-items: stretch; flex-direction: column; width: 100%; }
  .pipeline-page .pipeline-summary .button { width: 100%; }
  .pipeline-page .pipeline-board { height: min(640px, calc(100vh - 300px)); gap: var(--space-3); }
  .pipeline-page .pipeline-column { flex-basis: min(296px, calc(100vw - 56px)); }
}

/* US-131 B.6.1: estrutura superior do dossiê operacional do Lead. */
.lead-detail-page .detail-header { padding: var(--space-8) 0; }
.lead-detail-page .lead-detail-header__content { align-items: flex-start; gap: var(--space-8); }
.lead-detail-page .lead-detail-header__identity { min-width: 0; }
.lead-detail-page .lead-detail-header h1 { max-width: 34ch; overflow-wrap: anywhere; }
.lead-detail-page .lead-detail-header__location { margin-bottom: 0; }
.lead-detail-page .lead-detail-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); width: 100%; margin: var(--space-5) 0 0; }
.lead-detail-page .lead-detail-metric { display: grid; grid-template-rows: auto auto; align-content: start; gap: var(--space-1); min-width: 0; padding: var(--space-3) var(--space-4); background: var(--color-surface-muted); border: var(--border-default); border-radius: var(--radius-sm); box-sizing: border-box; }
.lead-detail-page .lead-detail-metric__label { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); min-width: 0; margin: 0; color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-medium); line-height: var(--line-height-body); }
.lead-detail-page .lead-detail-metric__value { margin: 0; color: var(--color-text-primary); font-size: var(--font-size-16); font-weight: var(--font-weight-semibold); line-height: var(--line-height-heading); overflow-wrap: anywhere; }
.lead-detail-page .lead-detail-header__actions { flex: 0 0 auto; align-items: flex-end; gap: var(--space-3); }
.lead-detail-page .lead-detail-header__stage { max-width: 100%; }

.lead-detail-page .lead-operational-summary { display: grid; gap: var(--space-5); margin: 0 0 var(--space-5); padding: var(--space-5); }
.lead-detail-page .lead-operational-summary__heading { margin: 0; }
.lead-detail-page .lead-operational-summary__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--space-6); margin: 0; }
.lead-detail-page .lead-operational-summary__grid > div { min-width: 0; padding: var(--space-3) 0; background: transparent; border-bottom: var(--border-default); border-radius: 0; }
.lead-detail-page .lead-operational-summary__grid dt { color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-medium); }
.lead-detail-page .lead-operational-summary__grid dd { margin: var(--space-1) 0 0; color: var(--color-text-secondary); font-size: var(--font-size-14); font-weight: var(--font-weight-medium); overflow-wrap: anywhere; }

.lead-detail-page .lead-detail-navigation { justify-content: flex-start; gap: var(--space-1); margin: 0 0 var(--space-5); padding: 0 0 var(--space-2); border-bottom: var(--border-default); }
.lead-detail-page .lead-detail-navigation a:not(.lead-section-navigation__top) { border: 0; border-bottom: 2px solid transparent; border-radius: var(--radius-sm); color: var(--color-text-secondary); font-size: var(--font-size-14); font-weight: var(--font-weight-medium); padding: var(--space-2) var(--space-3); }
.lead-detail-page .lead-detail-navigation a:not(.lead-section-navigation__top):hover, .lead-detail-page .lead-detail-navigation a:not(.lead-section-navigation__top):focus-visible { color: var(--color-primary); background: var(--color-surface-muted); border-color: var(--color-primary); outline: 2px solid transparent; }
.lead-detail-page .lead-detail-navigation__top { border: var(--border-default); box-shadow: var(--shadow-popover); }

.lead-detail-page .lead-detail-pipeline-summary { margin: 0 0 var(--space-6); padding: var(--space-5); background: var(--color-surface); border: var(--border-default); border-radius: var(--radius-lg); }
.lead-detail-page .lead-detail-pipeline-summary h2 { margin-bottom: var(--space-4); color: var(--color-text-primary); font-size: var(--font-size-16); }
.lead-detail-page .pipeline-timeline { padding-bottom: var(--space-2); }
.lead-detail-page .pipeline-timeline__step { color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-medium); }
.lead-detail-page .pipeline-timeline__step:not(:last-child)::after { background: var(--color-border); }
.lead-detail-page .pipeline-timeline__marker { border-color: var(--color-border-strong); background: var(--color-surface); }
.lead-detail-page .pipeline-timeline__label { color: inherit; }
.lead-detail-page .pipeline-timeline__state { color: var(--color-text-muted); font-size: var(--font-size-11); }
.lead-detail-page .pipeline-timeline__step.is-visited { color: var(--color-info); }
.lead-detail-page .pipeline-timeline__step.is-visited .pipeline-timeline__marker { border-color: var(--color-info); background: var(--color-info); }
.lead-detail-page .pipeline-timeline__step.is-current { color: var(--color-primary); font-weight: var(--font-weight-semibold); }
.lead-detail-page .pipeline-timeline__step.is-current .pipeline-timeline__marker { border-color: var(--color-primary); background: var(--color-primary); box-shadow: 0 0 0 4px var(--color-info-surface); }
.lead-detail-page .pipeline-timeline__step.is-current .pipeline-timeline__state { color: var(--color-primary); font-weight: var(--font-weight-semibold); }
.lead-detail-page .pipeline-timeline__step.is-final.is-current .pipeline-timeline__marker { border-color: var(--color-text-secondary); background: var(--color-text-secondary); box-shadow: 0 0 0 4px var(--color-surface-muted); }

.lead-detail-page .lead-priority-section { display: grid; gap: var(--space-5); }
.lead-detail-page .lead-priority-section .section-heading { margin: 0; }
.lead-detail-page .lead-priority-summary { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: var(--space-3) var(--space-6); align-items: baseline; margin: 0; padding: 0 0 var(--space-4); background: transparent; border-bottom: var(--border-default); border-left: 0; border-radius: 0; }
.lead-detail-page .lead-priority-summary p { margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-14); }
.lead-detail-page .lead-priority-summary p:first-child strong { color: var(--color-text-primary); font-size: var(--font-size-16); }
.lead-detail-page .lead-priority-summary p:nth-child(2) { color: var(--color-text-primary); font-family: var(--font-family-mono); font-variant-numeric: tabular-nums; }
.lead-detail-page .lead-priority-summary p:last-child { grid-column: 1 / -1; color: var(--color-text-muted); font-size: var(--font-size-13); }
.lead-detail-page .lead-priority-factors { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.lead-detail-page .lead-priority-factors section { padding: 0; background: transparent; border-radius: 0; }
.lead-detail-page .lead-priority-factors h3 { color: var(--color-text-primary); font-size: var(--font-size-14); margin-bottom: var(--space-2); }
.lead-detail-page .lead-priority-factors ul { color: var(--color-text-secondary); font-size: var(--font-size-14); }
.lead-detail-page .lead-priority-details { margin-top: 0; padding-top: var(--space-4); border-top: var(--border-default); }
.lead-detail-page .lead-priority-details summary { color: var(--color-primary); font-size: var(--font-size-14); font-weight: var(--font-weight-medium); }

.lead-detail-page .lead-details-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 var(--space-6); }
.lead-detail-page .lead-details-grid > div { min-width: 0; padding: var(--space-3) 0; background: transparent; border-bottom: var(--border-default); border-radius: 0; }
.lead-detail-page .lead-details-grid dt { margin-bottom: var(--space-1); color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-medium); }
.lead-detail-page .lead-details-grid dd { color: var(--color-text-secondary); font-size: var(--font-size-14); }
.lead-detail-page .lead-details-grid a { overflow-wrap: anywhere; }
.lead-detail-page .lead-details-grid .lead-technical-metadata { grid-column: 1 / -1; padding: var(--space-4) 0 0; border-bottom: 0; color: var(--color-text-muted); font-size: var(--font-size-12); }
.lead-detail-page .lead-details-grid .lead-technical-metadata dd { display: block; color: inherit; font-family: var(--font-family-mono); font-size: inherit; overflow-wrap: anywhere; }

@media (max-width: 980px) {
  .lead-detail-page .lead-detail-header__content { gap: var(--space-6); }
  .lead-detail-page .lead-operational-summary__grid, .lead-detail-page .lead-details-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lead-detail-page .lead-priority-factors { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .lead-detail-page .detail-header { padding: var(--space-6) 0; }
  .lead-detail-page .lead-detail-header__content { gap: var(--space-5); }
  .lead-detail-page .lead-detail-header h1 { max-width: none; }
  .lead-detail-page .lead-detail-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
  .lead-detail-page .lead-detail-metric { padding: var(--space-3) var(--space-4); }
  .lead-detail-page .lead-detail-header__actions { align-items: stretch; width: 100%; }
  .lead-detail-page .lead-detail-header__actions .button { width: 100%; }
  .lead-detail-page .lead-operational-summary { padding: var(--space-4); }
  .lead-detail-page .lead-operational-summary__grid, .lead-detail-page .lead-details-grid, .lead-detail-page .lead-priority-factors { grid-template-columns: 1fr; }
  .lead-detail-page .lead-detail-navigation { justify-content: flex-start; overflow-x: auto; }
  .lead-detail-page .lead-detail-pipeline-summary { padding: var(--space-4); }
  .lead-detail-page .lead-priority-summary { grid-template-columns: 1fr; gap: var(--space-2); }
  .lead-detail-page .lead-priority-summary p:last-child { grid-column: auto; }
}

/* US-131 B.6.2: diagnóstico e evidências digitais do dossiê do Lead. */
.lead-detail-page .lead-digital-diagnosis, .lead-detail-page .lead-website-analysis, .lead-detail-page .lead-website-screenshots, .lead-detail-page .lead-website-capture-history { display: grid; gap: var(--space-5); }
.lead-detail-page .lead-digital-diagnosis > h2 { margin: 0; }
.lead-detail-page .lead-diagnosis-summary { display: grid; grid-template-columns: minmax(7rem, auto) minmax(0, 1fr); gap: var(--space-5); margin: 0; padding: var(--space-4); background: var(--color-surface-muted); border: var(--border-default); border-radius: var(--radius-md); }
.lead-detail-page .lead-diagnosis-score { display: grid; align-content: start; gap: var(--space-1); color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-medium); }
.lead-detail-page .lead-diagnosis-score strong { color: var(--color-text-primary); font-family: var(--font-family-mono); font-size: var(--font-size-28); font-weight: var(--font-weight-semibold); font-variant-numeric: tabular-nums; line-height: var(--line-height-tight); }
.lead-detail-page .lead-diagnosis-synthesis { display: grid; gap: var(--space-3); min-width: 0; }
.lead-detail-page .lead-diagnosis-synthesis p { display: grid; gap: var(--space-1); margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-14); }
.lead-detail-page .lead-diagnosis-synthesis strong { color: var(--color-text-primary); font-size: var(--font-size-13); font-weight: var(--font-weight-semibold); }
.lead-detail-page .lead-diagnosis-recommendation { padding-top: var(--space-3); border-top: var(--border-default); }
.lead-detail-page .lead-diagnosis-evidence-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.lead-detail-page .lead-diagnosis-evidence { min-width: 0; padding: 0; background: transparent; border-radius: 0; }
.lead-detail-page .lead-diagnosis-evidence h3 { margin-bottom: var(--space-2); color: var(--color-text-primary); font-size: var(--font-size-14); }
.lead-detail-page .lead-diagnosis-evidence ul { margin: 0; padding-left: var(--space-5); color: var(--color-text-secondary); font-size: var(--font-size-14); }
.lead-detail-page .lead-diagnosis-evidence--issues { border-left: 3px solid var(--color-warning); }

.lead-detail-page .lead-website-analysis__heading { margin: 0; }
.lead-detail-page .lead-analysis-report { display: grid; gap: var(--space-5); }
.lead-detail-page .lead-analysis-group { display: grid; gap: var(--space-3); padding-top: var(--space-4); border-top: var(--border-default); }
.lead-detail-page .lead-analysis-group--state { padding-top: 0; border-top: 0; }
.lead-detail-page .lead-analysis-group h3, .lead-detail-page .lead-analysis-issues h3 { margin: 0; color: var(--color-text-primary); font-size: var(--font-size-14); }
.lead-detail-page .lead-analysis-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3) var(--space-5); margin: 0; }
.lead-detail-page .lead-analysis-grid > div { min-width: 0; padding: 0; background: transparent; border-radius: 0; }
.lead-detail-page .lead-analysis-grid dt { margin-bottom: var(--space-1); color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-medium); }
.lead-detail-page .lead-analysis-grid dd { margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-14); overflow-wrap: anywhere; }
.lead-detail-page .lead-analysis-failure-state { display: grid; gap: var(--space-1); margin: 0; padding: var(--space-3); color: var(--color-text-secondary); background: var(--color-surface-muted); border-left: 3px solid var(--color-warning); font-size: var(--font-size-14); }
.lead-detail-page .lead-analysis-failure-state strong { color: var(--color-text-primary); font-weight: var(--font-weight-semibold); }
.lead-detail-page .lead-analysis-capture-context, .lead-detail-page .lead-capture-context-note { margin: 0; padding: var(--space-3); color: var(--color-text-secondary); background: var(--color-info-surface); border-left: 3px solid var(--color-info); font-size: var(--font-size-14); }
.lead-detail-page .lead-analysis-issues { display: grid; gap: var(--space-3); padding: var(--space-4); background: var(--color-warning-surface); border: var(--border-default); border-left: 3px solid var(--color-warning); border-radius: var(--radius-md); }
.lead-detail-page .lead-analysis-issues ul { margin: 0; padding-left: var(--space-5); color: var(--color-text-secondary); font-size: var(--font-size-14); }

.lead-detail-page .lead-current-capture-meta { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); }
.lead-detail-page .lead-current-capture-meta .empty-state { margin: 0; font-size: var(--font-size-13); }
.lead-detail-page .lead-current-capture-grid { gap: var(--space-5); }
.lead-detail-page .lead-current-capture-card { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: var(--space-3); min-width: 0; padding: var(--space-4); background: var(--color-surface-muted); border: var(--border-default); border-radius: var(--radius-md); }
.lead-detail-page .lead-current-capture-card h3 { margin: 0; color: var(--color-text-primary); font-size: var(--font-size-14); }
.lead-detail-page .lead-capture-preview { display: block; width: 100%; aspect-ratio: 16 / 10; height: auto; margin: 0; overflow: hidden; background: var(--color-surface); border: var(--border-default); border-radius: var(--radius-sm); }
.lead-detail-page .lead-capture-preview__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.lead-detail-page .lead-current-capture-card .legacy-screenshot-thumbnail--mobile { width: min(78%, 380px); margin-right: auto; margin-left: auto; }
.lead-detail-page .lead-capture-action { justify-self: start; min-width: 9rem; }

.lead-detail-page .lead-website-capture-history .section-heading { margin: 0; }
.lead-detail-page .lead-capture-history-intro { margin: 0; font-size: var(--font-size-13); }
.lead-detail-page .lead-capture-history-list { grid-template-columns: 1fr; gap: 0; }
.lead-detail-page .lead-capture-history-item { display: grid; grid-template-columns: minmax(180px, 280px) minmax(0, 1fr); gap: var(--space-4); padding: var(--space-4) 0; background: transparent; border: 0; border-bottom: var(--border-default); border-radius: 0; }
.lead-detail-page .lead-capture-history-item:first-child { padding-top: 0; }
.lead-detail-page .lead-capture-history-item:last-child { padding-bottom: 0; border-bottom: 0; }
.lead-detail-page .lead-capture-history-metadata { display: grid; align-content: start; gap: var(--space-1); margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-13); }
.lead-detail-page .lead-capture-history-metadata p { margin: 0; overflow-wrap: anywhere; }
.lead-detail-page .lead-capture-history-metadata .lead-capture-action { margin-top: var(--space-2); }

@media (max-width: 980px) {
  .lead-detail-page .lead-analysis-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .lead-detail-page .lead-diagnosis-summary, .lead-detail-page .lead-diagnosis-evidence-grid, .lead-detail-page .lead-analysis-grid { grid-template-columns: 1fr; }
  .lead-detail-page .lead-capture-action { justify-self: stretch; width: 100%; }
  .lead-detail-page .lead-capture-history-item { grid-template-columns: 1fr; }
}

/* US-131 B.6.3: demonstração conceitual e apresentação privada do Lead. */
.lead-detail-page .lead-demo-presentation { display: grid; gap: var(--space-5); }
.lead-detail-page .lead-demo-presentation .section-heading { margin: 0; }
.lead-detail-page .lead-demo-presentation__intro { margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-14); }
.lead-detail-page .lead-demo-step { display: grid; gap: var(--space-4); padding: var(--space-5); background: var(--color-surface-muted); border: var(--border-default); border-radius: var(--radius-md); }
.lead-detail-page .lead-demo-step > .heading-with-help { min-width: 0; padding-bottom: var(--space-3); border-bottom: var(--border-default); }
.lead-detail-page .lead-demo-step h3 { color: var(--color-text-primary); font-size: var(--font-size-16); }
.lead-detail-page .lead-demo-state { display: grid; gap: var(--space-1); margin: 0; min-width: 0; }
.lead-detail-page .lead-demo-state .feedback, .lead-detail-page .lead-demo-state .empty-state { margin: 0; }
.lead-detail-page .lead-demo-state__metadata { color: var(--color-text-muted); font-size: var(--font-size-13); }
.lead-detail-page .lead-demo-state--pending, .lead-detail-page .lead-demo-state--blocked { padding: var(--space-3); color: var(--color-text-secondary); background: var(--color-surface); border-left: 3px solid var(--color-info); font-size: var(--font-size-14); }

.lead-detail-page .demo-configuration-form { gap: var(--space-4); margin: 0; }
.lead-detail-page .demo-configuration-grid { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) auto; gap: var(--space-4); align-items: end; }
.lead-detail-page .demo-configuration-control label, .lead-detail-page .demo-configuration-control { color: var(--color-text-secondary); font-size: var(--font-size-13); font-weight: var(--font-weight-medium); }
.lead-detail-page .demo-configuration-control label { gap: var(--space-2); }
.lead-detail-page .demo-configuration-control select, .lead-detail-page .demo-configuration-control input { width: 100%; }
.lead-detail-page .demo-configuration-submit { align-items: end; }
.lead-detail-page .demo-configuration-submit .button { min-width: 11.5rem; width: auto; }
.lead-detail-page .lead-demo-template-list { display: grid; gap: var(--space-3); padding: var(--space-4) 0 0; border-top: var(--border-default); }
.lead-detail-page .lead-demo-template-list .demo-template-descriptions { display: grid; gap: var(--space-3); padding: 0; background: transparent; border: 0; border-radius: 0; }
.lead-detail-page .lead-demo-template-list h3 { margin: 0; color: var(--color-text-primary); font-size: var(--font-size-14); }
.lead-detail-page .lead-demo-template-list ul { gap: 0; padding: 0; color: var(--color-text-secondary); list-style: none; }
.lead-detail-page .lead-demo-template-list li { padding: var(--space-2) 0; border-bottom: var(--border-default); font-size: var(--font-size-13); }
.lead-detail-page .lead-demo-template-list li:last-child { border-bottom: 0; }
.lead-detail-page .lead-demo-template-list strong { color: var(--color-text-primary); font-weight: var(--font-weight-semibold); }
.lead-detail-page .lead-demo-template-list li::before { content: none; }

.lead-detail-page .lead-demo-actions { align-items: center; gap: var(--space-3); }
.lead-detail-page .lead-demo-actions form { margin: 0; }
.lead-detail-page .lead-demo-actions .contextual-help { margin-left: var(--space-1); }
.lead-detail-page .lead-demo-preview-notice, .lead-detail-page .lead-demo-review-state { margin: 0; }
.lead-detail-page .lead-demo-preview-grid { gap: var(--space-4); }
.lead-detail-page .lead-demo-preview-card { display: grid; grid-template-rows: auto auto minmax(0, 1fr); gap: var(--space-3); padding: var(--space-4); background: var(--color-surface); border: var(--border-default); border-radius: var(--radius-md); }
.lead-detail-page .lead-demo-preview-card h4 { margin: 0; color: var(--color-text-primary); font-size: var(--font-size-14); }
.lead-detail-page .lead-demo-preview-card .legacy-screenshot-thumbnail { margin-bottom: 0; border: var(--border-default); border-radius: var(--radius-sm); }
.lead-detail-page .lead-demo-preview-card .website-capture-metadata { display: grid; gap: var(--space-1); margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-13); }
.lead-detail-page .lead-demo-preview-card .website-capture-metadata p { margin: 0; }
.lead-detail-page .lead-demo-preview-card .website-capture-metadata .button { justify-self: start; margin-top: var(--space-2); }

.lead-detail-page .lead-demo-private-status { display: grid; gap: var(--space-2); margin: 0; padding: var(--space-3); background: var(--color-surface); border: var(--border-default); border-radius: var(--radius-sm); }
.lead-detail-page .lead-demo-private-status .private-readiness-status, .lead-detail-page .lead-demo-private-status .empty-state { margin: 0; }
.lead-detail-page .lead-demo-private-status .private-readiness-status { color: var(--color-text-primary); font-size: var(--font-size-14); }
.lead-detail-page .lead-demo-private-status .empty-state { color: var(--color-text-secondary); font-size: var(--font-size-14); }
.lead-detail-page .lead-demo-private-blocker { margin: 0; }
.lead-detail-page .before-after-context { color: var(--color-text-muted); font-size: var(--font-size-13); font-weight: var(--font-weight-medium); }
.lead-detail-page .lead-demo-private-link { gap: var(--space-4); padding: var(--space-4); background: var(--color-surface); border: var(--border-default); border-radius: var(--radius-md); }
.lead-detail-page .lead-demo-private-link h4 { color: var(--color-text-primary); font-size: var(--font-size-14); }
.lead-detail-page .lead-demo-private-link p { color: var(--color-text-secondary); font-size: var(--font-size-14); }
.lead-detail-page .lead-demo-private-link input[readonly] { min-width: 0; font-family: var(--font-family-mono); font-size: var(--font-size-13); overflow-wrap: anywhere; }
.lead-detail-page .lead-demo-private-form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: var(--space-4); }
.lead-detail-page .lead-demo-private-form label { color: var(--color-text-secondary); font-size: var(--font-size-13); font-weight: var(--font-weight-medium); }
.lead-detail-page .lead-demo-private-form__label { display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--space-1); min-width: 0; }
.lead-detail-page .lead-demo-private-form__label .field-hint { color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-regular); }
.lead-detail-page .lead-demo-private-form .private-link-confirmation { align-items: flex-start; color: var(--color-text-secondary); font-size: var(--font-size-13); line-height: var(--line-height-body); }
.lead-detail-page .lead-demo-private-form__action { display: inline-flex; align-items: center; align-self: end; gap: var(--space-1); }
.lead-detail-page .lead-demo-private-form__action .button { min-width: 10.5rem; white-space: nowrap; }
.lead-detail-page .private-link-metadata { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 var(--space-5); }
.lead-detail-page .private-link-metadata div { padding: var(--space-3) 0; background: transparent; border-bottom: var(--border-default); border-radius: 0; }
.lead-detail-page .private-link-metadata dt { color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-medium); }
.lead-detail-page .private-link-metadata dd { margin: var(--space-1) 0 0; color: var(--color-text-secondary); font-size: var(--font-size-13); overflow-wrap: anywhere; }
.lead-detail-page .lead-demo-private-link .private-link-revoke-form { padding-top: var(--space-3); border-top: var(--border-default); }
.lead-detail-page .lead-demo-private-history { padding-top: var(--space-3); border-top: var(--border-default); }
.lead-detail-page .lead-demo-private-history summary { color: var(--color-primary); font-size: var(--font-size-14); font-weight: var(--font-weight-medium); }
.lead-detail-page .private-link-history-list { max-block-size: none; margin-top: var(--space-3); overflow: visible; }
.lead-detail-page .private-link-history-list article { padding: var(--space-3) 0; background: transparent; border: 0; border-bottom: var(--border-default); border-radius: 0; color: var(--color-text-secondary); font-size: var(--font-size-13); }
.lead-detail-page .private-link-history-list article:last-child { border-bottom: 0; }
.lead-detail-page .presentation-share-panel { padding-top: var(--space-3); border-top: var(--border-default); }
.lead-detail-page .presentation-share-panel summary { color: var(--color-primary); font-size: var(--font-size-14); font-weight: var(--font-weight-medium); }

@media (max-width: 980px) {
  .lead-detail-page .demo-configuration-grid, .lead-detail-page .lead-demo-private-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lead-detail-page .demo-configuration-submit, .lead-detail-page .lead-demo-private-form__action { grid-column: 1 / -1; }
  .lead-detail-page .demo-configuration-submit .button, .lead-detail-page .lead-demo-private-form__action .button { justify-self: start; width: auto; }
  .lead-detail-page .private-link-metadata { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .lead-detail-page .lead-demo-step { padding: var(--space-4); }
  .lead-detail-page .demo-configuration-grid, .lead-detail-page .lead-demo-private-form, .lead-detail-page .private-link-metadata { grid-template-columns: 1fr; }
  .lead-detail-page .demo-configuration-submit, .lead-detail-page .lead-demo-private-form__action { grid-column: auto; }
  .lead-detail-page .demo-configuration-submit .button, .lead-detail-page .lead-demo-private-form__action .button, .lead-detail-page .lead-demo-preview-card .website-capture-metadata .button { width: 100%; }
  .lead-detail-page .lead-demo-private-form__action { align-items: center; }
  .lead-detail-page .lead-demo-actions { align-items: stretch; flex-direction: column; }
  .lead-detail-page .lead-demo-actions .button, .lead-detail-page .lead-demo-actions form, .lead-detail-page .lead-demo-actions form .button { width: 100%; }
  .lead-detail-page .lead-demo-preview-card { grid-template-rows: auto auto auto; }
}

/* US-131 B.6.4: operação comercial, histórico e edição cadastral do Lead. */
.lead-detail-page .lead-relationship-section, .lead-detail-page .lead-closure-section, .lead-detail-page .lead-pipeline-history-section, .lead-detail-page .lead-email-draft-section, .lead-detail-page .lead-edit-section { display: grid; gap: var(--space-5); }
.lead-detail-page .lead-relationship-section__intro, .lead-detail-page .lead-closure-section__intro, .lead-detail-page .lead-email-draft-section__intro { margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-14); }
.lead-detail-page .lead-relationship-history, .lead-detail-page .lead-pipeline-history { gap: 0; border-top: var(--border-default); }
.lead-detail-page .lead-relationship-history li { grid-template-columns: minmax(9rem, .7fr) minmax(0, 1.6fr) minmax(0, .7fr); gap: var(--space-3); padding: var(--space-3) 0; background: transparent; border-bottom: var(--border-default); border-radius: 0; color: var(--color-text-secondary); font-size: var(--font-size-14); }
.lead-detail-page .lead-relationship-history li > span:first-of-type { color: var(--color-text-primary); font-weight: var(--font-weight-medium); }
.lead-detail-page .lead-relationship-history time { color: var(--color-text-muted); font-family: var(--font-family-mono); font-size: var(--font-size-12); font-variant-numeric: tabular-nums; }
.lead-detail-page .lead-relationship-empty-state, .lead-detail-page .lead-pipeline-history-empty-state { margin: 0; padding: var(--space-3) 0; text-align: left; }
.lead-detail-page .lead-pipeline-history-section__intro { margin: calc(var(--space-3) * -1) 0 0; color: var(--color-text-secondary); font-size: var(--font-size-14); }
.lead-detail-page .lead-pipeline-history__item { grid-template-columns: minmax(9rem, .7fr) minmax(0, 1.6fr) minmax(8rem, .6fr); gap: var(--space-3); padding: var(--space-3) 0; background: transparent; border-bottom: var(--border-default); border-radius: 0; }
.lead-detail-page .lead-pipeline-history__item > div { display: grid; align-content: start; gap: var(--space-1); min-width: 0; }
.lead-detail-page .lead-pipeline-history__item > div > span { color: var(--color-text-muted); font-size: var(--font-size-12); font-weight: var(--font-weight-medium); }
.lead-detail-page .lead-pipeline-history__timestamp time { color: var(--color-text-muted); font-family: var(--font-family-mono); font-size: var(--font-size-12); font-variant-numeric: tabular-nums; }
.lead-detail-page .lead-pipeline-history__transition strong { color: var(--color-text-primary); font-size: var(--font-size-14); font-weight: var(--font-weight-semibold); overflow-wrap: anywhere; }
.lead-detail-page .lead-pipeline-history__author strong { color: var(--color-text-secondary); font-size: var(--font-size-14); font-weight: var(--font-weight-medium); }

.lead-detail-page .lead-interaction-form, .lead-detail-page .lead-commercial-form, .lead-detail-page .lead-closure-form, .lead-detail-page .lead-edit-form--profile { gap: var(--space-4); margin: 0; }
.lead-detail-page .lead-interaction-form__group, .lead-detail-page .lead-commercial-form fieldset, .lead-detail-page .lead-closure-form fieldset, .lead-detail-page .lead-edit-form--profile fieldset { min-width: 0; margin: 0; padding: var(--space-4); background: var(--color-surface-muted); border: var(--border-default); border-radius: var(--radius-md); }
.lead-detail-page .lead-interaction-form__group legend, .lead-detail-page .lead-commercial-form legend, .lead-detail-page .lead-closure-form legend, .lead-detail-page .lead-edit-form--profile legend { padding: 0; color: var(--color-text-primary); font-size: var(--font-size-14); font-weight: var(--font-weight-semibold); }
.lead-detail-page .lead-interaction-form__grid, .lead-detail-page .lead-commercial-form__grid, .lead-detail-page .lead-closure-form .interaction-grid { gap: var(--space-4); }
.lead-detail-page .lead-interaction-form label, .lead-detail-page .lead-commercial-form label, .lead-detail-page .lead-closure-form label, .lead-detail-page .lead-edit-form--profile label { min-width: 0; color: var(--color-text-secondary); font-size: var(--font-size-13); font-weight: var(--font-weight-medium); }
.lead-detail-page .lead-interaction-form small, .lead-detail-page .lead-commercial-form small, .lead-detail-page .lead-closure-form small { color: var(--color-text-muted); font-size: var(--font-size-12); }
.lead-detail-page .lead-interaction-form__action, .lead-detail-page .lead-commercial-form__action { display: flex; justify-content: flex-end; }

.lead-detail-page .lead-commercial-action, .lead-detail-page .lead-closure-section .commercial-record-card { margin: 0; overflow: visible; background: var(--color-surface); border: var(--border-default); border-radius: var(--radius-md); }
.lead-detail-page .lead-commercial-action summary, .lead-detail-page .lead-closure-section .commercial-record-card summary { display: grid; grid-template-columns: var(--space-4) minmax(0, 1fr); gap: var(--space-1) var(--space-3); align-items: center; min-height: 48px; padding: var(--space-3) var(--space-4); color: var(--color-text-primary); background: var(--color-surface-muted); cursor: pointer; font-size: var(--font-size-14); font-weight: var(--font-weight-semibold); list-style: none; transition: background-color var(--motion-fast) var(--easing-standard), color var(--motion-fast) var(--easing-standard); }
.lead-detail-page .lead-commercial-action summary::-webkit-details-marker, .lead-detail-page .lead-closure-section .commercial-record-card summary::-webkit-details-marker { display: none; }
.lead-detail-page .lead-commercial-action summary::before, .lead-detail-page .lead-closure-section .commercial-record-card summary::before { content: ""; grid-row: 1 / span 2; width: var(--space-2); height: var(--space-2); border-right: var(--border-width) solid currentColor; border-bottom: var(--border-width) solid currentColor; transform: rotate(45deg); transition: transform var(--motion-fast) var(--easing-standard); }
.lead-detail-page .lead-commercial-action summary::after, .lead-detail-page .lead-closure-section .commercial-record-card summary::after { grid-column: 2; color: var(--color-text-secondary); font-size: var(--font-size-13); font-weight: var(--font-weight-regular); line-height: var(--line-height-body); }
.lead-detail-page .lead-commercial-action--proposal summary::after { content: "Registre manualmente uma proposta já enviada ao Lead."; }
.lead-detail-page .lead-commercial-action--meeting summary::after { content: "Registre uma reunião já confirmada com o Lead."; }
.lead-detail-page .lead-closure-section details:nth-of-type(1) summary::after { content: "Registre o resultado positivo e encerre o ciclo comercial."; }
.lead-detail-page .lead-closure-section details:nth-of-type(2) summary::after { content: "Encerre o acompanhamento sem excluir o Lead ou seu histórico."; }
.lead-detail-page .lead-commercial-action summary:hover, .lead-detail-page .lead-closure-section .commercial-record-card summary:hover { background: var(--color-info-surface); }
.lead-detail-page .lead-commercial-action summary:focus-visible, .lead-detail-page .lead-closure-section .commercial-record-card summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.lead-detail-page .lead-commercial-action[open] summary, .lead-detail-page .lead-closure-section .commercial-record-card[open] summary { color: var(--color-primary); background: var(--color-surface); border-bottom: var(--border-default); }
.lead-detail-page .lead-commercial-action[open] summary::before, .lead-detail-page .lead-closure-section .commercial-record-card[open] summary::before { transform: rotate(225deg); }
.lead-detail-page .lead-commercial-record, .lead-detail-page .lead-closure-section .record-card { display: grid; gap: var(--space-4); padding: var(--space-4); }
.lead-detail-page .lead-commercial-record > p, .lead-detail-page .lead-closure-section .record-card > p { margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-14); }
.lead-detail-page .lead-closure-section details:nth-of-type(2) summary { color: var(--color-danger); }
.lead-detail-page .lead-closure-section details:nth-of-type(2)[open] { border-color: var(--color-danger); }
.lead-detail-page .lead-closure-section .confirmation-control, .lead-detail-page .lead-commercial-form .confirmation-control { color: var(--color-text-secondary); }
.lead-detail-page .lead-closure-state { margin: 0; }
.lead-detail-page .lead-closure-form > .button { justify-self: start; }
.lead-detail-page .lead-closure-section details:nth-of-type(2) .button-danger { justify-self: start; }

.lead-detail-page .lead-email-draft-section label { display: grid; gap: var(--space-2); min-width: 0; color: var(--color-text-secondary); font-size: var(--font-size-13); font-weight: var(--font-weight-medium); }
.lead-detail-page .lead-email-draft-section .email-draft { width: 100%; max-width: none; margin: 0; color: var(--color-text-primary); background: var(--color-surface-muted); border: var(--border-default); }
.lead-detail-page .lead-email-draft-section .private-readiness-status { margin: 0; color: var(--color-text-primary); }
.lead-detail-page .lead-email-draft-section .feedback, .lead-detail-page .lead-email-draft-section .empty-state { margin: 0; }
.lead-detail-page .lead-email-draft-actions { align-items: center; gap: var(--space-3); }
.lead-detail-page .lead-email-draft-actions form { margin: 0; }

.lead-detail-page .lead-edit-section > h2 { margin: 0; }
.lead-detail-page .lead-edit-form--profile { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lead-detail-page .lead-edit-form--profile fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); grid-column: 1 / -1; }
.lead-detail-page .lead-edit-form--profile fieldset legend { grid-column: 1 / -1; }
.lead-detail-page .lead-edit-form__action { display: flex; grid-column: 1 / -1; justify-content: flex-end; }

@media (max-width: 980px) {
  .lead-detail-page .lead-relationship-history li { grid-template-columns: minmax(8rem, .8fr) minmax(0, 1.4fr); }
  .lead-detail-page .lead-relationship-history li > span:last-child { grid-column: 2; }
  .lead-detail-page .lead-pipeline-history__item { grid-template-columns: minmax(8rem, .8fr) minmax(0, 1.4fr); }
  .lead-detail-page .lead-pipeline-history__author { grid-column: 2; }
}

@media (max-width: 760px) {
  .lead-detail-page .lead-relationship-history li, .lead-detail-page .lead-pipeline-history__item { grid-template-columns: 1fr; gap: var(--space-1); }
  .lead-detail-page .lead-relationship-history li > span:last-child, .lead-detail-page .lead-pipeline-history__author { grid-column: auto; }
  .lead-detail-page .lead-interaction-form__grid, .lead-detail-page .lead-commercial-form__grid, .lead-detail-page .lead-closure-form .interaction-grid, .lead-detail-page .lead-edit-form--profile, .lead-detail-page .lead-edit-form--profile fieldset { grid-template-columns: 1fr; }
  .lead-detail-page .lead-interaction-form__action, .lead-detail-page .lead-commercial-form__action, .lead-detail-page .lead-edit-form__action { justify-content: stretch; }
  .lead-detail-page .lead-interaction-form__action .button, .lead-detail-page .lead-commercial-form__action .button, .lead-detail-page .lead-closure-form > .button, .lead-detail-page .lead-closure-section details:nth-of-type(2) .button-danger, .lead-detail-page .lead-edit-form__action .button { width: 100%; }
  .lead-detail-page .lead-email-draft-actions { align-items: stretch; flex-direction: column; }
  .lead-detail-page .lead-email-draft-actions .button, .lead-detail-page .lead-email-draft-actions form, .lead-detail-page .lead-email-draft-actions form .button { width: 100%; }
}