/* F03 Registro único de electores (V360-HTML-02B). Scoped to registry classes so
   the accepted F01 and F02 styles are not changed by this feature. */

.registry-overview{display:grid;gap:16px;margin-bottom:16px;}
.registry-kpis{margin:14px 0 0;}
.registry-precincts tbody td{padding:11px 14px 12px;}
.registry-precincts .table-card__head{padding:13px 18px 12px;}
.registry-precincts thead th{padding:10px 14px;}
.registry-precincts{margin:0;}
.registry-precincts .table-card__head{padding:9px 18px 19px;align-items:flex-start;}
.registry-precincts .table-card__head p{margin:0;}
.registry-precincts .table-card__head .chip{margin-right:48px;}
.registry-precincts thead th{padding:11px 14px;}
.registry-charts{margin-top:2px;}
.registry-precincts tbody tr:nth-child(even){background:var(--surface-subtle);}
@media (min-width:721px){
  .registry-precincts table{width:calc(100% - 36px);margin:0 18px 26px;}
}
.registry-charts{margin:0;}
.registry-charts .chart-card{min-height:292px;gap:0;}
.registry-charts .chart-card h3{font:600 18px/26px Inter,ui-sans-serif,system-ui,sans-serif;}
.registry-charts .chart-card .chart-sub{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line);font:400 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;}
.registry-charts .chart-card:last-child .chart-donut-wrap{grid-template-columns:156px minmax(0,270px);gap:48px;padding-left:16px;justify-content:start;}
.registry-charts .chart-card:last-child .chart-legend{gap:16px;}
.registry-line{padding-bottom:7px;}
.registry-line .chart-legend{margin-top:16px;}
.registry-charts .chart-card:last-child .chart-donut-wrap{margin-top:-11px;}
.registry-line__scroll{overflow-x:auto;}
.registry-line svg{display:block;width:100%;min-width:560px;height:auto;}
.registry-line__grid{stroke:var(--line);stroke-width:1;}
.registry-line__trace{stroke-width:2.5;stroke-linejoin:round;}
.registry-line__point{stroke:#fff;stroke-width:1.5;}
.registry-line__label{font:400 11px/16px Inter,ui-sans-serif,system-ui,sans-serif;fill:var(--muted);}
.registry-disclosure{margin:0;}

.registry-consult{display:grid;gap:14px;}
.registry-consult__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.registry-consult__head h2{margin:0 0 4px;}
.registry-consult__head p{margin:0;}
.registry-toolbar{grid-template-columns:minmax(220px,1fr) auto auto;margin:0;}
.registry-toolbar .button{height:48px;}
.registry-consult .table-card{margin:0;}
.registry-consult .table-card__head h3{margin:0;font:600 18px/26px Inter,ui-sans-serif,system-ui,sans-serif;}

.registry-saved{display:grid;gap:10px;padding:16px;background:#fff;border:2px solid var(--green);border-radius:var(--radius-card);}
.registry-saved h3{margin:0;font:600 18px/26px Inter,ui-sans-serif,system-ui,sans-serif;}
.registry-saved__data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;}
.registry-saved__data div{display:grid;gap:2px;min-width:0;}
.registry-saved__data dt{font:500 12px/16px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--muted);}
.registry-saved__data dd{margin:0;font:500 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere;}
.registry-saved__note{white-space:pre-wrap;}
.registry-saved .button{justify-self:start;}

.modal--registry{width:min(640px,calc(100vw - 32px));}
.registry-form__explain{margin:0;}
.registry-register{min-width:164px;}
.registry-form .form-row{align-items:start;}
.registry-form .field > select,.registry-form .field > input{align-self:start;}

@media (max-width:1180px){
  .registry-charts{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:720px){
  .registry-charts .chart-card:last-child .chart-donut-wrap{grid-template-columns:minmax(0,1fr);gap:12px;padding-left:0;margin-top:0;justify-items:center;}
  .registry-charts .chart-card:last-child .chart-legend{width:100%;}
  .registry-saved__data{grid-template-columns:minmax(0,1fr);}
  .registry-toolbar{grid-template-columns:minmax(0,1fr);}
  .registry-toolbar .button{width:100%;}
  .modal--registry{width:calc(100vw - 24px);}
}