/* Antifake — Civic theme overrides beyond what's in base.html <style>. */

/* Traffic-light focus ring tied to UA palette */
input[type="radio"]:checked + .traffic-light.tl-green  { box-shadow: 0 0 0 3px rgba(20,  97, 58,  .25); }
input[type="radio"]:checked + .traffic-light.tl-yellow { box-shadow: 0 0 0 3px rgba(139, 106, 0,   .25); }
input[type="radio"]:checked + .traffic-light.tl-red    { box-shadow: 0 0 0 3px rgba(179, 38,  30,  .25); }
input[type="radio"]:checked + .traffic-light.tl-grey   { box-shadow: 0 0 0 3px rgba(156, 149, 138, .35); }

/* Verdict vbtn checked-state: handled via Tailwind `peer-checked:` modifiers
   in templates, but provide a fallback for non-peer markup. */
label > input[type="radio"]:checked ~ .vbtn,
input[type="radio"]:checked + .vbtn {
  background: #0b1220;
  color: #fff;
  border-color: #0b1220;
}

/* Make code inline elements feel like the Civic mono style */
code {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 0.85em;
}

/* Pretty selection: UA gold */
::selection {
  background: #ffd700;
  color: #0b1220;
}

/* Better focus rings on the entire app */
button:focus-visible,
a:focus-visible {
  outline: 2px solid #0057b7;
  outline-offset: 2px;
}

/* Sticky header drop-shadow for scroll affordance */
header.site {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}

/* Tables — let admin tables breathe a bit on small screens */
.lens-table td, .lens-table th { word-break: normal; }
@media (max-width: 640px) {
  .lens-table { font-size: 0.85rem; }
  .lens-table th, .lens-table td { padding: 8px 8px; }
}