/* CHANGE LOG
   File: static/css/violations_finder.css
   Purpose: The few Violations Finder pieces Freight Finder's CSS (freight_finder.css,
            carrier_freight_discovery.css) does not already cover: the Advanced row, the hint
            after the buttons, the results table and its phone layout, and the map popup.
   2026-10-09 v1.0 - Initial (Michael's work order "Build ProHRHQ Violations Finder"). */
.vf-tool .cc-freight-preview__map > div{min-height:30rem}
.vf-hint{font-size:.85rem;color:#5b6b7a;align-self:center}
.vf-advanced{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;padding:.5rem 0}
.vf-advanced label{font-size:.9rem}
.vf-num{width:5.5rem}
.vf-results{margin-top:1rem}
.vf-results__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem}
.vf-results__head h2{margin:0;font-size:1.2rem}
.vf-count{font-size:.9rem;color:#5b6b7a;margin:.4rem 0}
.vf-table{width:100%;border-collapse:collapse;font-size:.92rem}
.vf-table th,.vf-table td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid #e3e8ee;vertical-align:top}
.vf-table tbody tr{cursor:pointer}
.vf-table tbody tr:hover,.vf-row--on{background:#fdf6e3}
.vf-table td small{color:#5b6b7a}
.vf-pop{font-size:.85rem;line-height:1.45}
.vf-pop button{margin-top:.4rem}
@media (max-width:720px){
  .vf-tool .cc-freight-preview__map > div{min-height:22rem}
  .vf-table thead{display:none}
  .vf-table,.vf-table tbody,.vf-table tr,.vf-table td{display:block;width:100%;box-sizing:border-box}
  .vf-table tr{border-bottom:1px solid #d5dde5;padding:.4rem 0}
  .vf-table td{border:0;padding:.15rem .3rem}
  .vf-table td::before{content:attr(data-label) ": ";font-weight:600;color:#33475b}
  .vf-table td[data-label="Carrier"]::before{content:none}
}