:root{--br:#2e7d32;--cd:#1565c0}
.flag {font-size:18px;margin-left:6px}
.country-badge{display:inline-flex;align-items:center;gap:.25rem;background:#f5f5f5;border-radius:999px;padding:.15rem .5rem;font-size:.85rem}
.badge{display:inline-block;padding:.15rem .5rem;border-radius:6px;background:#eef;font-size:.8rem}
.legend-box{background:#fff;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.12);padding:12px 14px}
.sidebar{position:absolute;left:12px;top:12px;z-index:1000;width:min(380px,90vw);max-height:85vh;overflow:auto}
.sidebar h2{margin:.2rem 0 .4rem 0;font-size:1.1rem}
.sidebar p{margin:.3rem 0 .6rem 0;line-height:1.35}
.kpi{display:flex;gap:8px;flex-wrap:wrap;margin:.4rem 0}
.kpi .item{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:8px 10px;font-size:.85rem}
.footer-bar{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:1000}
.footer-inner{background:#fff;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.12);padding:8px 12px;font-size:.85rem;display:flex;gap:10px;align-items:center}
.btn{border:0;border-radius:8px;padding:6px 10px;background:#0b57d0;color:#fff;cursor:pointer}
.btn:disabled{opacity:.5;cursor:not-allowed}
.mini{font-size:.8rem;padding:4px 8px}
.search{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:8px}
.list{margin-top:.5rem;max-height:220px;overflow:auto}
.list .row{padding:6px 4px;border-bottom:1px dashed #eee;display:flex;justify-content:space-between;gap:8px}
.row .nm{font-weight:600}
.row small{opacity:.7}
@media (max-width:800px){.sidebar{position:static;width:auto;max-height:none} .footer-bar{position:static;transform:none;margin:8px}}