.lm-wrap{margin:1.5rem auto;background:#fff;border-radius:12px;border:1px solid #e5e5e5;overflow:hidden;display:flex;min-height:650px;font-family:sans-serif;box-shadow:0 10px 25px rgba(0,0,0,0.05)}
        
/* ── Sidebar ── */
.lm-sidebar{width:210px;flex-shrink:0;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;background:#fafafa;order:1}
.lm-reg-item{border-bottom:1px solid #f0f0f0}
.lm-reg-btn{width:100%;display:flex;align-items:center;padding:16px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#333;transition: background-color 0.3s ease, color 0.3s ease;text-align:left}
@media (hover: hover) { .lm-reg-btn:hover{background:#f0f0f0} }
.lm-reg-btn.active{background:#dbeafe;color:#1e40af}
.lm-btn-content{display:flex;align-items:center;gap:8px;flex:1} 
.lm-reg-btn .lm-badge{font-size:11px;background:#fff;border:1px solid #ddd;border-radius:10px;padding:2px 7px;color:#888;font-weight:400}
.lm-reg-btn.active .lm-badge{border-color:#93c5fd;color:#1e40af;background:#eff6ff}
.lm-arrow{font-size:10px;color:#aaa;transition:transform 0.3s;margin-left:auto}
.lm-reg-btn.active .lm-arrow{transform:rotate(90deg);color:#1e40af}

/* ── Country List ── */
.lm-country-list{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);background:#fff}
.lm-country-list.open{max-height:400px;overflow-y:auto}
.lm-ctag{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:#555;cursor:pointer;transition:0.2s;border-left:3px solid transparent}
@media (hover: hover) { .lm-ctag:hover, .lm-ctag.hovered{background:#f8faff;color:#1e40af;border-left-color:#3b82f6} }
.lm-flag{width:18px;height:12px;object-fit:cover;border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,0.2)}

/* ── Map ── */
.lm-map-side{flex:1;position:relative;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;order:2}
svg#lm-worldmap{width:100%;height:100%;display:block}
.lm-country-path{fill:#e2e8f0;stroke:#fff;stroke-width:0.5;transition:fill 0.4s}
.lm-country-path.lm-hl{fill:#3b82f6;cursor:pointer}
.lm-country-path.lm-hl.lm-hovered{fill:#1e40af !important}
.lm-tooltip{position:absolute;background:#1e293b;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;display:none;pointer-events:none;z-index:100}

@media(max-width:768px){
    .lm-map-side {display:none !important}
    .lm-wrap{flex-direction: column; margin: 0;border-radius: 0;min-height: auto;display: block;}
    .lm-map-side{height:300px;flex:none;border-bottom:1px solid #eee;order:1}
    .lm-sidebar{width:100%;order:2}
    .lm-country-list.open{max-height: none}
}