.overall-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:24px 0 8px}.overall-filter-wrap label{font-size:11px;letter-spacing:.5px;color:#74857b;margin:0 0 5px}.overall-filter-wrap select{font-size:21px;font-weight:700;padding:8px 34px 8px 12px;min-width:180px;background:#fff;border-color:#b9cebf}.status-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#52695b}.status-legend span{display:flex;align-items:center;gap:7px}.status-legend span:before{content:'';width:10px;height:10px;border-radius:50%;border:1px solid transparent}.status-legend .legend-pending:before{background:#e3e9ef;border-color:#bbc9d6}.status-legend .legend-progress:before{background:#ffe4ac;border-color:#d6ae5c}.status-legend .legend-complete:before{background:#c4e7d1;border-color:#74ac87}
.mobile-site-card.status-pending,.site-summary.status-pending,.site-info-cell.status-pending{background:#f2f5f8;color:#33475b}.mobile-site-card.status-progress,.site-summary.status-progress,.site-info-cell.status-progress{background:#fff5e2;color:#674511}.mobile-site-card.status-complete,.site-summary.status-complete,.site-info-cell.status-complete{background:#e9f6ee;color:#185936}.status-pending .site-completion{background:#e1e8ef;color:#33475b}.status-progress .site-completion{background:#ffe3a9;color:#674511}.status-complete .site-completion{background:#c9e9d5;color:#185936}.status-pending .mobile-site-coords,.status-pending .coords{color:#647587}.status-progress .mobile-site-coords,.status-progress .coords{color:#82683b}.status-complete .mobile-site-coords,.status-complete .coords{color:#547860}.site-state-label{display:inline-block;font-size:10px;margin-top:8px;font-weight:600}.mobile-site-footer{border-top-color:#23412d20;color:inherit}.status-pending .mobile-site-address,.status-progress .mobile-site-address,.status-complete .mobile-site-address{color:inherit}.mobile-site-card{transition:background-color .18s ease,border-color .18s ease}.mobile-site-card .badge{color:#294e3d;background:#ffffffb3}
.compact-progress{container-type:inline-size}.compact-progress table{width:100%}.compact-progress td{min-width:0}.compact-progress .table-site-top>span:first-child{min-width:0}.compact-progress .address,.compact-progress .coords{overflow-wrap:anywhere}.compact-progress td select{max-width:100%}.progress-section-heading h2:empty{display:none}
@container(max-width:900px){.compact-progress table,.compact-progress tbody{display:block}.compact-progress colgroup,.compact-progress thead{display:none}.compact-progress tbody{padding:10px;display:grid;gap:12px}.compact-progress tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dce6df;border-radius:12px;overflow:hidden}.compact-progress td{display:block;padding:12px;border-bottom:0}.compact-progress td:first-child{grid-column:1/-1}.compact-progress td:not(:first-child):before{content:attr(data-step-label);display:block;font-size:11px;font-weight:600;line-height:1.4;min-height:30px;margin-bottom:5px}.compact-progress .step-control select{width:100%;max-width:none;font-size:12px}.compact-progress .badge{display:inline-block;margin-left:6px}.compact-progress .table-edit{margin-top:6px}}
@media(min-width:701px) and (max-width:1100px){header{height:auto;min-height:78px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}nav{gap:6px;flex-wrap:wrap}nav button{font-size:12px;padding:9px 10px}}
@media(max-width:700px){.overall-controls{align-items:flex-start;gap:14px;margin-top:20px}.overall-filter-wrap{width:100%}.overall-filter-wrap select{width:100%;font-size:18px;min-height:46px}.status-legend{gap:12px;font-size:11px}.site-completion{font-size:14px}.mobile-site-card{padding:17px}}
@media(prefers-reduced-motion:reduce){.mobile-site-card{transition:none}}

/* Search phase is contextual; the overall progress filter stays visible. */
.search-controls #phase{display:none}
.search-controls.search-active #phase{display:block}
.compact-progress .site-row.status-pending>td{background:#f2f5f8;color:#33475b}
.compact-progress .site-row.status-progress>td{background:#fff5e2;color:#674511}
.compact-progress .site-row.status-complete>td{background:#e9f6ee;color:#185936}
.compact-progress .site-row.status-pending .step-control select{background:#f9fbfc}
.compact-progress .site-row.status-progress .step-control select{background:#fffaf0}
.compact-progress .site-row.status-complete .step-control select{background:#f3fbf6}
.compact-progress .site-row .step-control.done select{color:#118144;border-color:#86bc9a}
.compact-progress .site-row .step-control.done small{color:#118144}

/* Clear boundaries between sites on desktop, including narrow-window grids. */
@media(min-width:701px){
 .compact-progress .site-row:not(:last-child)>td{border-bottom:2px solid #9eafa5}
 @container(max-width:900px){
  .compact-progress .site-row{border:2px solid #9eafa5}
  .compact-progress .site-row:not(:last-child)>td{border-bottom:0}
 }
}