/* F08 Voto adelantado (V360-HTML-04A). Scoped to the route and its dialog; shared controls come from base. */
.early-kpis{padding-top:14px;}
.early-chart{position:relative;box-sizing:border-box;height:292px;min-height:292px;padding:0;gap:0;display:block;overflow:hidden;}
.early-chart>h3{position:absolute;left:17px;top:13px;margin:0;font:600 18px/26px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);}
.early-chart>.chart-sub{position:absolute;left:17px;top:42px;margin:0;font:400 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--muted);}
.early-chart__scroll{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;}
.early-chart__svg{display:block;width:678px;height:290px;max-width:none;}
.early-grid{stroke:#e3e8ef;}
.early-chart__rule{stroke:#d8dee9;}
.early-chart__label{font:500 12px/16px Inter,ui-sans-serif,system-ui,sans-serif;fill:#596579;}
.early-chart__legend{font:400 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;fill:#182033;}
.early-chart__legend--value{font-weight:600;}
.early-donut__total{font:600 22px/26px Inter,ui-sans-serif,system-ui,sans-serif;fill:#182033;}
.early-donut__label{font:400 12px/16px Inter,ui-sans-serif,system-ui,sans-serif;fill:#596579;}
.early-territory{margin-top:16px;}
.early-territory .table-card__head{padding:10px 18px 12px;border-bottom:0;}
.early-territory .table-card__head h2{margin:0;font:600 18px/28px Inter,ui-sans-serif,system-ui,sans-serif;}
.early-territory .table-card__head p{margin:0;line-height:20px;}
.early-territory-table{width:calc(100% - 36px);margin:0 18px 9px;}
.early-territory-table th,.early-territory-table td{height:44px;padding:0 12px;text-align:right;}
.early-territory-table th:first-child,.early-territory-table td:first-child{text-align:left;}
.early-territory-table thead th{font:600 11px/16px Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;color:var(--muted);}
.early-territory-table td{font:400 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;}
.early-territory-table tbody tr:nth-child(even){background:var(--surface-subtle);}
.early-territory-table tfoot th,.early-territory-table tfoot td{background:var(--surface-accent);border-top:1px solid var(--line);}
.early-definition{box-sizing:border-box;height:100px;margin-top:16px;padding:14px 18px 14px 20px;display:grid;align-content:center;gap:6px;background:#eaf0fb;border-left:4px solid var(--navy-950);border-radius:var(--radius-md);}
@media (max-width:1180px){.early-definition{height:auto;min-height:100px;}}
.early-definition p{margin:0;font:400 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);}
.early-definition__title{font:600 16px/22px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);}
.early-consult{margin-top:16px;}
.early-intake-open{min-width:184px;}
.early-toolbar{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr)) auto auto;}
@media (max-width:1180px){.early-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));}.early-toolbar .button{width:100%;}}
.early-toolbar .button{height:48px;}
.early-toolbar .field-error{grid-column:1/-1;margin:0;}
.early-counts{display:grid;gap:4px;margin:0 0 12px;}
.early-sample{margin:0;font:600 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);}
.early-working,.early-boundary{margin:0;color:var(--muted);}
.early-list .table-card__head{padding:14px 18px 10px;border-bottom:0;align-items:center;}
.early-list .table-card__head h2{margin:0;font:600 18px/26px Inter,ui-sans-serif,system-ui,sans-serif;}
.early-list-tabs{margin:0 17px 12px;padding-bottom:10px;border-bottom:1px solid var(--line);}
.early-context-note{margin:0 17px 12px;color:var(--muted);}
.early-adjust-notice{margin:0 17px 12px;padding:10px 12px;color:#14244b;background:#eaf0fb;border-radius:var(--radius-md);font:500 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;}
.early-table{width:calc(100% - 36px);margin:0 18px 16px;}
.early-table th,.early-table td{height:44px;padding:0 12px;vertical-align:middle;}
.early-table thead th{height:40px;font:600 11px/16px Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;color:var(--muted);}
.early-table td{font:400 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;}
.early-table tbody tr:nth-child(even){background:var(--surface-subtle);}
.early-control{display:inline-flex;align-items:center;min-height:44px;padding:0;}
.early-session-tag{display:inline-flex;align-items:center;margin-left:8px;padding:2px 8px;font:500 11px/16px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--navy-950);background:#eaf0fb;border-radius:var(--radius-full);white-space:nowrap;}
.early-empty-cell{text-align:left;}
.early-empty-cell .empty{margin:0;padding:24px 18px 12px;}
.early-empty-cell .button{margin:0 18px 16px;}
.early-row--revealed td{background:#eaf0fb;transition:background-color .3s ease;}
@media (prefers-reduced-motion:reduce){.early-row--revealed td{transition:none;}}
@media (min-width:861px){
  .early-territory-table,.early-table{table-layout:fixed;}
  .early-territory-table th:nth-child(1){width:7.4627%;}
  .early-territory-table th:nth-child(2),.early-territory-table th:nth-child(3),.early-territory-table th:nth-child(4),.early-territory-table th:nth-child(7){width:10.8209%;}
  .early-territory-table th:nth-child(5){width:11.194%;}
  .early-territory-table th:nth-child(6){width:9.3284%;}
  .early-territory-table th:nth-child(8){width:9.7015%;}
  .early-territory-table th:nth-child(9){width:19.0299%;}
  .early-table th:nth-child(1){width:12.6866%;}
  .early-table th:nth-child(2){width:16.4179%;}
  .early-table th:nth-child(3){width:13.4328%;}
  .early-table th:nth-child(4){width:9.7015%;}
  .early-table th:nth-child(5){width:17.1642%;}
  .early-table th:nth-child(6){width:12.6866%;}
  .early-table th:nth-child(7){width:17.9104%;}
}
.modal--early{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);}
.modal--early:not([open]){display:none;}
.modal--early[open]{display:flex;flex-direction:column;}
.modal--early>.modal__head,.modal--early>.modal__actions,.modal--early>form.early-form>.modal__head,.modal--early>form.early-form>.modal__actions{flex:none;}
.modal--early .modal__body,.modal--early>form.early-form>.modal__body{min-height:0;overflow:auto;flex:1 1 auto;}
.modal--early>form.early-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;}
.early-dialog__head{position:relative;display:grid;gap:4px;padding:18px 64px 12px 20px;}
.early-dialog__title{min-width:0;display:grid;gap:4px;}
.early-dialog__head h2{margin:0;font:600 20px/28px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);overflow-wrap:anywhere;}
.early-dialog__close{position:absolute;top:8px;right:8px;display:inline-grid;place-items:center;width:44px;height:44px;margin:0;padding:0;color:var(--navy-950);background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);font:400 24px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;}
.early-dl{display:grid;gap:8px;margin:0 0 14px;}
.early-dl>div{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);gap:12px;align-items:center;}
.early-dl dt{font:600 12px/16px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--muted);text-transform:uppercase;}
.early-dl dd{margin:0;font:400 15px/22px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);overflow-wrap:anywhere;}
.early-note{margin:0 0 16px;color:var(--muted);}
.early-h3{margin:0 0 8px;font:600 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);}
.early-history{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px;}
.early-history li{display:grid;gap:2px;}
.early-history__note{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);}
.early-docs{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:10px;}
.early-docs li{display:grid;gap:2px;}
.early-checks{margin:0;padding:0;border:0;display:grid;gap:4px;min-width:0;}
.early-checks legend{margin:0 0 4px;padding:0;font:500 14px/18px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);}
.early-check{display:flex;align-items:center;gap:10px;min-height:44px;font:400 15px/22px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);cursor:pointer;}
.early-check input{width:20px;height:20px;margin:0;flex:none;}
.early-discard{margin-top:12px;padding:12px;background:#fbfbfd;border:1px solid var(--line);border-radius:var(--radius-md);display:grid;gap:10px;}
.early-discard[hidden]{display:none;}
.early-discard__actions{display:flex;gap:10px;flex-wrap:wrap;}
.early-success{display:grid;gap:10px;}
.early-success__head{grid-template-columns:auto minmax(0,1fr);align-items:center;}
.early-success__check{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#176b46;background:#e7f3ed;font:700 18px/1 Inter,ui-sans-serif,system-ui,sans-serif;}
.early-success__actions{justify-content:space-between;flex-wrap:wrap;}
@media (max-width:860px){
  .modal.modal--early{width:calc(100vw - 32px);max-height:calc(100dvh - 32px);}
  .modal.modal--early>form,.modal.modal--early>div{max-height:calc(100dvh - 32px);}
  .early-territory-table{width:100%;margin:0;table-layout:auto;}
  .early-table{width:calc(100% - 28px);margin:0 14px 16px;}
  .early-list-tabs{margin:0 14px 12px;}
  .early-context-note,.early-adjust-notice{margin-left:14px;margin-right:14px;}
}
/* Narrow charts: the title and subtitle flow above the plot. The SVG keeps its 678 px desktop geometry and
 * scrolls inside its own focusable region; its top 72 units (empty except the divider) are clipped. */
@media (max-width:1180px){
  .early-chart{height:auto;min-height:0;}
  .early-chart>h3{position:static;padding:14px 16px 0;}
  .early-chart>.chart-sub{position:static;margin:0;padding:4px 16px 0;}
  .early-chart__scroll{position:relative;inset:auto;height:218px;}
  .early-chart__svg{margin-top:-72px;}
}
@media (max-width:720px){
  .early-toolbar{grid-template-columns:minmax(0,1fr);}
  .early-toolbar .button,.early-success__actions .button{width:100%;}
  .early-dl>div{grid-template-columns:minmax(0,1fr);gap:2px;}
}

/* V360-EXT-UI-EARLY-NOTES-01: reuse the app card surface for explanatory and working-set information.
   The original copy, controls and business behavior are unchanged. Let long Spanish text determine height. */
.early-definition{height:auto;min-height:100px;gap:4px;padding:12px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);}
.early-definition__title{font:600 18px/24px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--navy-950);}
.early-definition p{min-width:0;font:400 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere;}
.early-definition p strong{font-weight:500;}
.early-definition p:last-child{color:var(--muted);}
.early-counts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px 24px;margin:0 0 16px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);}
.early-counts>p{min-width:0;max-width:100%;margin:0;overflow-wrap:anywhere;}
.early-sample{width:fit-content;font:600 16px/24px Inter,ui-sans-serif,system-ui,sans-serif;}
.early-working{justify-self:end;text-align:right;font:400 14px/21px Inter,ui-sans-serif,system-ui,sans-serif;}
.early-boundary{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--line);font:400 13px/20px Inter,ui-sans-serif,system-ui,sans-serif;}
@media (max-width:720px){
  .early-counts{grid-template-columns:minmax(0,1fr);gap:8px;}
  .early-working{justify-self:start;text-align:left;}
}