/* Verificador de cobertura. Usa los colores de site.css */
#coverage-check { display: block; max-width: 46rem; margin: 0 auto; text-align: left; }
#coverage-check .block-title, #coverage-check .block-sub { text-align: center; }
.cov-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; margin-bottom: .8rem; }
.cov-fields label { display: grid; gap: .25rem; min-width: 0; font-weight: 500; }
.cov-fields .cov-wide { grid-column: 1 / -1; }
.cov-fields input { width: 100%; min-height: 2.9rem; padding: .4rem .8rem; color: var(--text); background: var(--panel-2); border: 1px solid rgba(255, 255, 255, .22); border-radius: .55rem; font: 500 max(1rem, 16px) var(--body); }
.cov-btn { margin-bottom: .2rem; }
.cov-status { margin-top: .7rem; }
.cov-status:empty { display: none; }
.cov-loading { display: flex; align-items: center; gap: .6rem; font-weight: 500; }
.cov-spin { width: 1.2rem; height: 1.2rem; border: 2px solid var(--line); border-top-color: #fff; border-radius: 50%; animation: cov-spin .8s linear infinite; }
@keyframes cov-spin { to { transform: rotate(360deg); } }
.cov-result { display: grid; gap: .35rem; justify-items: start; padding: .9rem 1rem; background: #060608; border: 1px solid var(--line); border-left: 3px solid var(--line); border-radius: .6rem; font-size: 1.03rem; font-weight: 400; line-height: 1.3; }
.cov-result strong { font-size: 1.2rem; font-weight: 600; }
.cov-result.inside { border-left-color: #fff; }
.cov-result.over_limit, .cov-result.out_of_state { border-left-color: var(--red); }
.cov-minutes { font-weight: 600; }
.cov-note { color: var(--muted); font-size: .95rem; }
.cov-result .cov-review { display: flex; gap: .6rem; align-items: flex-start; }
.cov-result .cov-review input { flex: none; min-height: 0; padding: 0; width: 1.3rem; height: 1.3rem; margin-top: .1rem; accent-color: var(--red); }
.cov-result .btn { margin-top: .3rem; }
@media (max-width: 620px) {
  .cov-fields { grid-template-columns: 1fr 1fr; }
  .cov-fields .cov-wide, .cov-fields label:nth-child(2) { grid-column: 1 / -1; }
  .cov-btn, .cov-result .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .cov-spin { animation-duration: 3s; } }