.today-section{margin:4px 0 18px}
.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 13px}
.section-header h2{font-size:23px;margin:6px 0 0;letter-spacing:-.04em}
.section-header>span{color:#8daab5;font-size:12px}
.gateway-section{margin:4px 0 24px}
.gateway-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.gateway-card{display:grid;grid-template-columns:12px 1fr auto;align-items:center;column-gap:9px;row-gap:6px;border:1px solid #315263;border-radius:14px;background:#0d293a;color:#e9f2f4;text-align:left;padding:13px 15px;cursor:pointer;min-height:93px;transition:background .2s,border-color .2s,transform .2s}
.gateway-card:hover,.gateway-card.active{background:#153748;transform:translateY(-2px);border-color:var(--status-color)}
.gateway-card .status-mark{width:11px;height:11px;border-radius:50%;background:var(--status-color)}
.gateway-card>span:not(.status-mark){font-size:12px;font-weight:700}
.gateway-card strong{font-size:24px;color:var(--status-color);letter-spacing:-.04em}
.gateway-card small{grid-column:2/4;color:#9cb6bf;font-size:10px;line-height:1.4}
.gateway-card.healthy{--status-color:#34d399}.gateway-card.partial{--status-color:#60a5fa}.gateway-card.delayed{--status-color:#fb7185}.gateway-card.unlinked{--status-color:#94a3b8}
.gateway-caveat{margin:9px 0 0;color:#a4bbc3;font-size:11px;line-height:1.5}
.today-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.today-card{border:1px solid #315263;border-radius:16px;background:#0d293a;color:#e9f2f4;text-align:left;padding:19px 21px;min-height:160px;display:flex;flex-direction:column;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.today-card:hover,.today-card.active{transform:translateY(-2px);background:#123748}
.today-card.hot:hover,.today-card.hot.active{border-color:#ef4444}.today-card.estrus:hover,.today-card.estrus.active{border-color:#f97316}.today-card.calving:hover,.today-card.calving.active{border-color:#facc15}
.today-card>span{font-size:13px;color:#b8cbd0}
.today-card strong{font-size:43px;letter-spacing:-.06em;line-height:1.1;margin:10px 0 9px}
.today-card.hot strong{color:#ef4444}.today-card.estrus strong{color:#f97316}.today-card.calving strong{color:#facc15}
.today-card small{font-size:11px;color:#9cb6bf;margin-top:auto;line-height:1.5}
.today-card small b{color:#e9f2f4;font-size:12px}
.main-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}
.map-panel,.detail-panel{min-height:610px}
.map-panel{overflow:hidden}
.map-mode{display:inline-flex;gap:3px;padding:3px;margin:15px 0 0;border:1px solid #315263;border-radius:11px;background:#0a2535}
.map-mode button{border:0;border-radius:8px;background:transparent;color:#a9c5cd;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer}
.map-mode button.active{background:#235d63;color:#f2fffb}
.map-filters{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 13px}
.map-filters[hidden],.map-legend[hidden]{display:none}
.map-filters button{border:1px solid #345769;background:#143848;color:#a9c5cd;border-radius:99px;padding:7px 12px;font-size:11px;cursor:pointer}
.map-filters button:hover,.map-filters button.active{background:#235d63;border-color:#6bd6c1;color:#e7fff7}
.map-filters button[data-filter="highTemp"].active{border-color:#ef4444;color:#ffd5d5;background:#4b2733}
.map-filters button[data-filter="estrus"].active{border-color:#f97316;color:#ffe0cc;background:#4b3425}
.map-filters button[data-filter="calving"].active{border-color:#facc15;color:#fff1b8;background:#4b4322}
.map-legend{display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;margin:0 0 12px;color:#b4cbd0;font-size:11px}
.map-legend>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.legend-swatch{display:inline-block;width:9px;height:9px;border-radius:50%}.legend-swatch.hot{background:#ef4444}.legend-swatch.estrus{background:#f97316}.legend-swatch.calving{background:#facc15}.legend-swatch.normal{background:#238f9e}
.legend-swatch.gateway-healthy{background:#34d399}.legend-swatch.gateway-partial{background:#60a5fa}.legend-swatch.gateway-delayed{background:#fb7185}.legend-swatch.gateway-unlinked{background:#94a3b8}
.map-rule{color:#9eb9c1;font-size:11px;line-height:1.5;margin:10px 0 0}
.farm-map{height:422px;width:100%;border-radius:12px;background:#173340;overflow:hidden;z-index:0}
.farm-map .leaflet-control-attribution{font-size:9px}
.farm-map .leaflet-control-zoom a{background:#153d4d;color:#fff;border-color:#42606d}
.map-footer{margin-top:13px;line-height:1.5;flex-wrap:wrap}
.map-footer #mapCount{color:#d7e9e9;font-weight:700;white-space:nowrap}
.map-footer [data-i18n="mapHint"]{color:#8daeb6}
.map-source{display:flex;justify-content:space-between;gap:14px;color:#7696a1;font-size:10px;margin-top:9px}
.map-source a{color:#8bd9c7;text-decoration:none;white-space:nowrap}
.map-source a:hover{text-decoration:underline}
.detail-panel .selected-number{padding-top:31px}
.detail-panel .event-grid{margin-top:20px}
.detail-panel .pending{margin-top:22px}
.event-dot.coral{background:#ef4444}.event-dot.orange{background:#f97316}.event-dot.amber{background:#facc15}
@media(max-width:950px){.main-grid{grid-template-columns:1fr}.map-panel,.detail-panel{min-height:auto}.farm-map{height:460px}.gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.today-grid{grid-template-columns:1fr;gap:9px}.today-card{min-height:118px;padding:15px 17px}.today-card strong{font-size:35px;margin:6px 0}.section-header h2{font-size:20px}.farm-map{height:390px}.map-source{display:block}.map-source a{display:block;margin-top:6px}.map-panel .panel-head{align-items:center}.gateway-grid{gap:8px}.gateway-card{padding:10px;grid-template-columns:10px 1fr auto;min-height:90px}.gateway-card>span:not(.status-mark){font-size:11px}.gateway-card strong{font-size:20px}.gateway-card small{font-size:9px}}