/* Shared minimal icon system. Thai labels carry meaning; decorative SVGs stay silent. */
.fi-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:-.2em;color:inherit}
.fi-icon-small{width:16px;height:16px}
.fi-risk-red{color:#b03532}.fi-risk-yellow{color:#9b710f}.fi-risk-green{color:#35744c}.fi-risk-unknown{color:#748077}
.flood-nav .fi-icon,.bottom-nav .fi-icon{width:23px;height:23px;margin:0 0 3px}
.flood-nav a{gap:3px}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center}
.risk-group h2{gap:9px}.risk-group h2>.fi-icon{width:23px;height:23px}
.card-title .fi-icon{width:18px;height:18px;color:#718178}
.district-card p>.fi-icon,.subdistrict-list .fi-icon{width:18px;height:18px}
.card-bottom .fi-icon{width:14px;height:14px}
.header-info .fi-icon,.source-links .fi-icon,.back .fi-icon{width:16px;height:16px}
.layers .fi-icon{width:18px;height:18px}.legend .fi-icon{width:18px;height:18px}
.agency-grid a>.fi-icon:last-child{width:15px;height:15px}
.chart-series-label{display:inline-flex;align-items:center;gap:6px}
.chart-series-label:before{content:'';width:16px;border-top:2px solid currentColor}