.vsl-wrapper { display: flex; flex-wrap: wrap; height: 600px; border: 1px solid #ddd; font-family: 'Segoe UI', Arial, sans-serif; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.vsl-sidebar { width: 35%; height: 100%; display: flex; flex-direction: column; border-right: 1px solid #eee; background: #fdfdfd; }
#vsl-map { width: 65%; height: 100%; z-index: 1; }

/* Filters */
.vsl-filters { padding: 15px; background: #fff; border-bottom: 1px solid #eee; }
.vsl-select { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 4px; outline: none; }
.vsl-btn { width: 100%; padding: 12px; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; text-transform: uppercase; font-size: 13px; transition: 0.3s; }
.vsl-btn:hover { opacity: 0.9; }

/* Status */
#vsl-status { padding: 10px 15px; font-size: 13px; color: #666; background: #f8f9fa; border-bottom: 1px solid #eee; }

/* List */
#vsl-list { list-style: none; padding: 0; margin: 0; overflow-y: auto; flex: 1; }
.store-item { padding: 15px; border-bottom: 1px solid #f0f0f0; cursor: pointer; transition: background 0.2s; }
.store-item:hover { background: #fff8e1; }
.store-name { font-weight: bold; font-size: 15px; margin-bottom: 5px; }
.store-addr, .store-phone { font-size: 13px; color: #555; margin-bottom: 3px; }
.store-dist { margin-top: 5px; font-size: 12px; color: #2ecc71; font-weight: bold; }

/* Popup Styles (Giống hình mẫu) */
.leaflet-popup-content-wrapper { border-radius: 12px; padding: 0; }
.leaflet-popup-content { margin: 15px; width: 280px !important; }
.vsl-popup-content h3 { margin: 0 0 8px 0; font-size: 16px; border-bottom: 1px solid #eee; padding-bottom: 8px; }
.vsl-popup-addr { font-size: 13px; color: #333; margin-bottom: 8px; font-weight: 500; }
.vsl-popup-meta { font-size: 13px; color: #666; line-height: 1.6; }
.vsl-popup-actions { margin-top: 12px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eee; padding-top: 10px; }
.vsl-dir-link { text-decoration: none; font-weight: bold; font-size: 13px; display: flex; align-items: center; gap: 5px; }
.vsl-popup-btn { padding: 6px 12px; color: #fff !important; text-decoration: none; border-radius: 4px; font-size: 12px; font-weight: bold; }

/* Responsive */
@media (max-width: 768px) {
    .vsl-wrapper { flex-direction: column; height: 800px; }
    .vsl-sidebar, #vsl-map { width: 100%; height: 50%; }
}