/* Alert accents retain their configured meaning; labels use a readable ink. */
.gis-beacon .beacon-status{color:var(--point-on-color,#fff)}
.citizen-dashboard .citizen-map .public-gis-pin>.beacon-status{color:var(--point-on-color,#fff)}
.map-status-badge{color:var(--point-ink,var(--point-color))}
:root body.observatory-interface .gis-beacon-map .gis-beacon .map-pin-label>small,
.citizen-dashboard .citizen-map .public-gis-pin .map-pin-label>small{color:var(--point-ink,var(--point-color))}
.gis-beacon[data-alert-level="1"] .map-pin-label{background:#fffaf0!important;border-color:color-mix(in srgb,var(--point-color) 45%,white)!important;border-left-color:var(--point-color)!important}
.gis-beacon[data-alert-level="1"] .map-pin-label>small{display:block;width:fit-content;padding:2px 5px;margin:4px 0;border-radius:5px;background:color-mix(in srgb,var(--point-color) 12%,white);font-weight:700}
.gis-beacon[data-alert-level="1"] .beacon-status{box-shadow:0 0 0 2px #fff,0 2px 7px #49371030}
.gis-beacon[data-alert-level="1"] .beacon-wave{opacity:.45}
:root body.observatory-interface .gis-beacon-map.gis-style-night .gis-beacon[data-alert-level="1"] .map-pin-label{background:#1c2e46fa!important}
:root body.observatory-interface .gis-beacon-map.gis-style-night .gis-beacon[data-alert-level="1"] .map-pin-label>small{color:#ffdfa0;background:#ffffff12}
:root body.observatory-interface .ob-flow-upgrade.ob-reading-upgrade.ob-design-system.ob-gis-upgrade .sa-station .sa-state .badge{color:var(--sa-ink,var(--sa-color));padding:3px 7px;border:1px solid color-mix(in srgb,var(--sa-color) 28%,white);border-radius:6px;background:color-mix(in srgb,var(--sa-color) 10%,white);font-size:12px;font-weight:650}
:root body.observatory-interface .ob-flow-upgrade.ob-reading-upgrade.ob-design-system.ob-gis-upgrade .river-node.ob-station-tab.sa-station[data-station-alert="1"]{--sa-speed:3.6s}
.sa-state{color:var(--sa-ink,var(--sa-color))}
.citizen-dashboard .citizen-point-status{color:var(--signal-ink,var(--signal));border:1px solid color-mix(in srgb,var(--signal) 35%,white);padding:4px 10px;gap:5px}
.citizen-dashboard .citizen-point-status[data-alert-level="1"]{background:#fff4d6}
.citizen-dashboard .citizen-lamp[data-alert-level="1"]{width:23px;height:23px}
.citizen-dashboard .citizen-lamp[data-alert-level="1"] i{display:grid;place-items:center;width:20px;height:20px;background:color-mix(in srgb,var(--signal) 15%,white);color:var(--signal-ink);box-shadow:none}
.citizen-dashboard .citizen-lamp[data-alert-level="1"] svg{width:15px;height:15px}
.citizen-attention-note{padding:10px 12px;margin:0 0 13px!important;border:1px solid #efdbab;border-left:3px solid #ce850d;border-radius:8px;background:#fffbf0;color:#76500d!important;font-size:13px;line-height:1.65}
.citizen-dashboard .citizen-point{position:relative;align-content:start;align-items:center;gap:8px!important;min-height:104px;padding:12px;border:1px solid #cbdff7;border-left:3px solid #8ab7ef;border-radius:12px;background:linear-gradient(135deg,#edf5ff,#f8fbff);transition:background .18s,border-color .18s,box-shadow .18s}
.citizen-dashboard .citizen-point>b{display:flex;align-items:center;gap:6px;flex-basis:100%;width:fit-content;padding:4px 8px;border:1px solid color-mix(in srgb,var(--signal) 30%,white);border-radius:6px;background:color-mix(in srgb,var(--signal) 10%,white);color:var(--signal-ink,var(--signal));font-size:12px;font-weight:650}
.citizen-dashboard .citizen-point:hover{border-color:#76a6e8;background:linear-gradient(135deg,#e3efff,#f1f7ff);box-shadow:0 4px 14px #265da21a}
.citizen-dashboard .citizen-point[aria-pressed="true"]{outline:2px solid #3779d6;outline-offset:1px;border-color:#6196dd;border-left-color:#2563c4;background:linear-gradient(135deg,#dbeaff,#edf5ff);box-shadow:0 4px 14px #265da21a}
.citizen-dashboard .citizen-point[aria-pressed="true"]:after{content:'Đang xem';color:#2563a4;font-size:11px;font-weight:650;line-height:1.4}
@media(max-width:600px){
 .citizen-dashboard .citizen-point-list{gap:10px}
 .citizen-dashboard .citizen-point{display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:6px 8px!important;min-height:88px;padding:12px}
 .citizen-dashboard .citizen-point>.citizen-lamp{grid-column:1;grid-row:1}
 .citizen-dashboard .citizen-point>span:nth-child(2){grid-column:2;grid-row:1}
 .citizen-dashboard .citizen-point>b{grid-column:2;grid-row:2;margin:0;max-width:100%;white-space:normal}
 .citizen-dashboard .citizen-point>svg{display:block;grid-column:3;grid-row:1;color:#5481a4}
 .citizen-dashboard .citizen-point[aria-pressed="true"]:after{grid-column:3;grid-row:2;white-space:nowrap}
 .citizen-attention-note{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.citizen-dashboard .citizen-point{transition:none}}