/* Exact Admin gateway tile presentation, scoped to the public gateway list. */
#gateway-list.gateway-grid{display:block;padding:0}
#gateway-list .city-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px 26px}
#gateway-list .city-title{grid-column:1 / -1;margin:0 0 12px}
#gateway-list .gateway-card{padding:20px;position:relative;overflow:hidden;background:#07111e;border:1px solid #172638;border-radius:10px}
#gateway-list .gateway-card.live{border-color:rgba(67,214,155,.4)}
#gateway-list .gateway-card.recent{border-color:rgba(234,191,89,.5)}
#gateway-list .gateway-card.offline{border-color:rgba(207,102,121,.5)}
#gateway-list .gateway-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
#gateway-list .gateway-name{margin:0;font-size:21px}
#gateway-list .gateway-long{margin-top:4px;color:#7f8ea2;font-size:13px}
#gateway-list .gateway-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700}
#gateway-list .status-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:#708094}
#gateway-list .status-dot.live{background:#43d69b;box-shadow:0 0 10px rgba(67,214,155,.45)}
#gateway-list .status-dot.warning{background:#eabf59}
#gateway-list .status-dot.offline{background:#cf6679}
#gateway-list .gateway-feed{display:inline-block;margin-top:18px;padding:5px 9px;border:1px solid #203247;border-radius:5px;color:#aab7c7;font-size:11px;letter-spacing:.08em}
#gateway-list .gateway-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
#gateway-list .gateway-stat{border-top:1px solid #142336;padding-top:11px}
#gateway-list .gateway-stat span{display:block;color:#718197;font-size:11px;margin-bottom:5px}
#gateway-list .gateway-stat strong{font-size:16px;font-weight:600}
#gateway-list .gateway-traffic{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
#gateway-list .gateway-traffic-title{margin-bottom:9px;font-size:.72rem;font-weight:700;letter-spacing:.09em;color:rgba(255,255,255,.52)}
#gateway-list .gateway-traffic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
#gateway-list .gateway-traffic-stat{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
#gateway-list .gateway-traffic-stat span{font-size:.74rem;color:rgba(255,255,255,.58);white-space:nowrap}
#gateway-list .gateway-traffic-stat strong{font-size:.88rem;font-weight:650;color:#39c6e8;white-space:nowrap}
#gateway-list .gateway-traffic-wide{grid-column:1 / -1}
@media(max-width:1100px){#gateway-list .city-group{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#gateway-list .city-group{grid-template-columns:1fr;padding:17px 22px}#gateway-list .gateway-card{padding:17px}}