/* Minh AI — live map showcases (v2.39.1) */
.sc-frame{position:relative;display:flex;flex-direction:column;background:#0b1211;border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.8),0 0 0 1px rgba(114,227,173,.06);}
.sc-bar{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#0f1816;border-bottom:1px solid rgba(255,255,255,.08);font:600 12.5px Manrope,system-ui,sans-serif;color:rgba(255,255,255,.7);}
.sc-dots{width:42px;height:10px;flex:none;background:radial-gradient(circle at 5px 5px,#ff5f57 4.5px,transparent 5px),radial-gradient(circle at 21px 5px,#febc2e 4.5px,transparent 5px),radial-gradient(circle at 37px 5px,#28c840 4.5px,transparent 5px);}
.sc-title b{color:#fff;font-weight:800;}
.sc-tag{margin-left:auto;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#72E3AD;border:1px solid rgba(114,227,173,.4);border-radius:999px;padding:2px 8px;white-space:nowrap;}
.sc-map{position:relative;flex:1;min-height:340px;background:#0f1b18;}
.sc-compact .sc-map{min-height:0;height:100%;}
.sc-compact{border:none;border-radius:0;box-shadow:none;height:100%;}
.sc-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font:600 13px Manrope,system-ui,sans-serif;}
.sc-load:empty::after{content:"";width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:#72E3AD;animation:sc-spin 1s linear infinite;}
@keyframes sc-spin{to{transform:rotate(360deg)}}
.sc-ov{position:absolute;inset:0;pointer-events:none;font-family:Manrope,system-ui,sans-serif;}
.sc-kpis{position:absolute;top:12px;left:12px;display:flex;gap:8px;flex-wrap:wrap;max-width:calc(100% - 24px);}
.sc-kpi{background:rgba(11,18,17,.88);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:7px 11px;display:flex;flex-direction:column;color:#fff;min-width:0;}
.sc-kpi b{font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.1;} .sc-kpi span{font-size:10.5px;color:rgba(255,255,255,.68);}
.sc-compact .sc-kpi{padding:5px 8px;border-radius:9px;} .sc-compact .sc-kpi b{font-size:14px;} .sc-compact .sc-kpi span{font-size:9.5px;}
.sc-leg{position:absolute;left:12px;bottom:12px;display:flex;gap:10px;flex-wrap:wrap;background:rgba(11,18,17,.85);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:6px 10px;color:rgba(255,255,255,.85);font-size:11px;font-weight:600;max-width:calc(100% - 24px);}
.sc-leg span{display:inline-flex;align-items:center;gap:5px;} .sc-leg i{width:10px;height:10px;border-radius:3px;display:inline-block;} .sc-leg i.ln{height:4px;width:14px;border-radius:2px;}
.sc-compact .sc-leg{bottom:8px;left:8px;font-size:10px;padding:4px 8px;gap:8px;}
.sc-card{position:absolute;right:12px;top:12px;width:min(250px,46%);background:rgba(11,18,17,.92);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:9px 11px;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.4);}
.sc-card-h{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:4px;}
.sc-row{display:flex;align-items:flex-start;gap:7px;padding:5px 0;border-top:1px solid rgba(255,255,255,.07);font-size:11.5px;}
.sc-row i{width:8px;height:8px;border-radius:50%;flex:none;margin-top:4px;} .sc-row span{flex:1;min-width:0;display:flex;flex-direction:column;}
.sc-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;} .sc-row small{color:rgba(255,255,255,.6);font-size:10.5px;line-height:1.3;}
.sc-row em{font-style:normal;font-weight:800;color:#ff8a8d;font-size:11px;white-space:nowrap;}
.sc-kv{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid rgba(255,255,255,.07);font-size:11.5px;} .sc-kv span{color:rgba(255,255,255,.65);}
.sc-no{width:26px;height:26px;border-radius:50%;background:#fff;color:#14201c;border:3px solid #8FA39B;font:800 12px Manrope,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.3);}
.sc-compact .sc-no{width:20px;height:20px;font-size:10px;border-width:2px;}
.sc-frame .maplibregl-ctrl-attrib{font-size:9.5px;}
@media (max-width:700px){.sc-card{display:none}.sc-map{min-height:280px}}