.locations-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.locations-title h1{font-size:26px;margin:4px 0}.locations-title p{font-size:12px;color:#7d92a1;margin:0}.locations-title>a{font-size:11px}.locations-health-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 22px;border-radius:12px;background:radial-gradient(ellipse at 10% 0%,#275b58,transparent 70%),#193e43;color:#fff;margin-bottom:16px;box-shadow:0 5px 20px #153c3f10}.locations-health-intro{display:flex;align-items:center;gap:12px}.locations-strip-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#ffffff12;color:#9dd8c4;font-size:26px;border:1px solid #ffffff12}.locations-health-intro strong{font-size:18px;display:block}.locations-health-intro small{font-size:10px;color:#a0c0c3;display:block;margin-top:4px}.locations-health-totals{display:flex;gap:7px}.locations-health-totals button{display:flex;flex-direction:column;gap:3px;text-align:left;background:transparent;color:#c2d9db;border:1px solid transparent;padding:8px 14px}.locations-health-totals button.selected{background:#ffffff0c;border-color:#ffffff21}.locations-health-totals button:hover{background:#ffffff13}.locations-health-totals strong{font-size:21px;font-weight:650}.locations-health-totals span{font-size:9px;font-weight:400}.locations-health-totals .healthy strong{color:#95dfc1}.locations-health-totals .attention strong{color:#eccda1}.locations-filter-panel{border:1px solid #dfe7ed;border-radius:9px;background:white;padding:14px 16px;margin-bottom:16px}.locations-search-row{display:flex;gap:8px;margin-bottom:12px}.locations-search-row input{width:100%;flex:1;background:#fafcfd;font-size:12px;padding:8px 11px}.locations-search-row button{font-size:11px;white-space:nowrap}.locations-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.locations-filter-grid label{font-size:10px;font-weight:500;color:#8093a3}.locations-filter-grid select{font-size:11px;padding:7px 9px;margin-top:4px}.locations-results-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:11px}.locations-results-bar small{font-size:10px;margin-left:7px;color:#8e9eaa}.locations-results-bar label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:400;color:#8e9eaa}.locations-results-bar select{font-size:10px;padding:5px 8px;margin:0;width:auto}.locations-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.location-fleet-card{background:white;border:1px solid #dfe7ed;border-radius:11px;overflow:hidden;box-shadow:0 2px 5px #1a3a4503;position:relative}.location-fleet-card:before{content:'';height:3px;display:block;background:#9eb6c6}.location-fleet-card.healthy:before{background:#71b6a1}.location-fleet-card.offline:before{background:#ce9189}.location-fleet-card.warning:before{background:#ceac70}.location-fleet-card.stale:before{background:#9aacc4}.location-fleet-card>header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px 0}.location-card-customer{font-size:10px;color:#8097a6}.location-card-symbol{color:#9cafb9;font-size:17px}.location-fleet-card h2{font-size:16px;margin:8px 18px 3px}.location-fleet-card h2 a{color:#35566b}.location-card-city{font-size:10px;color:#8fa0ad;margin:0 18px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-card-health{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 18px 9px}.location-card-health .pill{font-size:9px;padding:3px 7px}.location-card-health>span:last-child{font-size:14px;font-weight:650;color:#416476;white-space:nowrap}.location-card-health small{font-size:9px;font-weight:400;color:#8a9fab}.location-health-bar{height:4px;display:flex;overflow:hidden;background:#edf2f5;border-radius:5px;margin:0 18px 14px}.location-health-bar .healthy{background:#75bba4}.location-health-bar .warning{background:#d2b076}.location-health-bar .offline{background:#ce9690}.location-health-bar .stale{background:#a2b0c4}.location-card-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 18px 14px}.location-card-signals a{background:#fafcfd;border:1px solid #edf1f4;border-radius:6px;padding:8px;text-decoration:none}.location-card-signals strong{display:block;font-size:17px;font-weight:600;line-height:1.3}.location-card-signals span{display:block;font-size:8px;margin-top:3px}.location-card-signals .offline{color:#b2746d;background:#fdf8f7;border-color:#f4e9e6}.location-card-signals .warning{color:#ad8953;background:#fdfaf4;border-color:#f3ecdf}.location-card-signals .stale{color:#8b9eaf;background:#f7f9fc}.location-card-signals .quiet{color:#b0bdc5}.location-card-signals a:hover{border-color:#a5c0ba}.location-card-zone{display:flex;justify-content:space-between;gap:10px;padding:0 18px 13px;font-size:9px;color:#98a7b1}.location-card-zone strong{font-weight:400;color:#7a929f}.location-fleet-card footer{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#fafcfd;border-top:1px solid #edf1f4;gap:10px;font-size:10px}.location-fleet-card footer>a:first-child{font-weight:600}.location-fleet-card footer>a:last-child{color:#879aa6}.locations-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0;color:#8b9da9;font-size:10px}.locations-pagination>div{display:flex;align-items:center;gap:12px}.locations-pagination button{font-size:10px;padding:4px 8px}.locations-no-results{grid-column:1/-1;background:white;border:1px solid #dfe7ed;border-radius:9px;text-align:center;padding:40px 20px}.locations-no-results h2{font-size:16px}.locations-no-results p{font-size:12px;color:#8c9da9}.locations-no-results button{font-size:11px}
@media(max-width:1200px){.locations-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.locations-health-strip{flex-wrap:wrap;gap:12px}.locations-health-totals{flex:1;justify-content:flex-end}}
@media(max-width:760px){.locations-title{align-items:flex-start;flex-wrap:wrap;gap:9px}.locations-title h1{font-size:24px}.locations-title p{font-size:11px}.locations-title>a{font-size:10px}.locations-health-strip{padding:17px;gap:16px}.locations-health-totals{justify-content:space-between;gap:3px;width:100%;flex-basis:100%}.locations-health-totals button{padding:6px 8px}.locations-health-totals span{font-size:8px}.locations-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.locations-filter-panel{padding:12px}.locations-search-row{flex-wrap:wrap}.locations-search-row input{flex-basis:100%}.locations-card-grid{grid-template-columns:minmax(0,1fr)}.locations-results-bar{flex-wrap:wrap}.locations-results-bar small{display:block;margin:3px 0 0}.location-fleet-card h2{font-size:17px}}
/* Compact health filters replace the summary banner. */
.locations-health-shortcuts{margin-bottom:16px}.locations-health-shortcuts .locations-health-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.locations-health-shortcuts button{background:#fff;border:1px solid #dfe7ed;border-radius:8px;color:#415f72;padding:12px 15px;gap:4px}.locations-health-shortcuts button strong{font-size:23px}.locations-health-shortcuts button span{font-size:10px;color:#8295a4}.locations-health-shortcuts button.selected{background:#f0f8f5;border-color:#91b9aa}.locations-health-shortcuts button:hover{background:#f6faf8}.locations-health-shortcuts .healthy strong{color:#488f77}.locations-health-shortcuts .attention strong{color:#ae8450}
@media(max-width:760px){.locations-health-shortcuts .locations-health-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.locations-health-shortcuts button{padding:10px 12px}.locations-health-shortcuts button strong{font-size:21px}.locations-health-shortcuts button span{font-size:10px}}
/* Denser location browsing: a shorter title and tighter cards. */
.locations-title{margin-bottom:12px}.locations-title .dash-kicker{display:none}.locations-title h1{font-size:23px;margin:0 0 3px}.locations-title p{font-size:11px}.locations-health-shortcuts{margin-bottom:12px}.locations-health-shortcuts button{padding:9px 14px}.locations-health-shortcuts button strong{font-size:21px}.locations-filter-panel{padding:11px 14px;margin-bottom:12px}.locations-search-row{margin-bottom:9px}.locations-results-bar{margin-bottom:9px}.locations-card-grid{gap:12px}.location-fleet-card>header{padding:11px 14px 0}.location-fleet-card h2{font-size:15px;margin:5px 14px 2px}.location-card-city{margin:0 14px 11px;font-size:9px}.location-card-health{margin:0 14px 7px}.location-health-bar{margin:0 14px 10px;height:3px}.location-card-signals{margin:0 14px 10px;gap:6px}.location-card-signals a{padding:6px 8px}.location-card-signals strong{font-size:15px}.location-card-signals span{margin-top:2px}.location-card-zone{padding:0 14px 9px}.location-fleet-card footer{padding:9px 14px}.locations-pagination{padding:12px 0}
@media(max-width:760px){.locations-title{gap:6px;margin-bottom:12px}.locations-title h1{font-size:22px}.locations-title p{font-size:10px}.locations-health-shortcuts button{padding:8px 11px}.location-fleet-card h2{font-size:15px}.locations-filter-panel{padding:10px 12px}}
/* Narrower location cards on wide screens. */
.locations-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.location-card-health{flex-wrap:wrap;gap:5px}.location-card-health>span:last-child{font-size:12px}.location-card-zone{flex-wrap:wrap;gap:3px}.location-card-signals a{padding:6px}.location-card-signals span{font-size:8px}
@media(max-width:1350px){.locations-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.locations-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.locations-card-grid{grid-template-columns:minmax(0,1fr)}}
/* Location cards: equal heights per row with the footer pinned to the bottom, and readable text sizes. */
.location-fleet-card{display:flex;flex-direction:column}.location-fleet-card footer{margin-top:auto}
.location-fleet-card.no-devices:before{background:#c9d4dc}
.location-card-customer{font-size:11px}
.location-fleet-card h2{margin:6px 18px 2px}
.location-card-city{font-size:11px;margin-bottom:14px}
.location-card-health .pill{font-size:10px}.location-card-health small{font-size:11px}
.location-card-signals{margin-bottom:16px}.location-card-signals span{font-size:10px}
.location-fleet-card footer{font-size:12px}
.location-card-nodevices{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 18px 16px;padding:12px;border:1px dashed #dbe4ea;border-radius:8px;font-size:12px}
.location-card-nodevices .pill{font-size:10px}
@media(max-width:760px){.location-fleet-card h2{margin:5px 14px 2px}.location-card-nodevices{margin:0 14px 12px}}