.popup-content{padding:0}.popup-dropdown-wrapper{z-index:10;position:relative}.popup-dropdown-toggle{cursor:pointer;color:#6c757d;background:#fff;border:1px solid #dee2e6;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.popup-dropdown-toggle:disabled{cursor:not-allowed;opacity:.6}.popup-dropdown-toggle:hover:not(:disabled){border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd1a}.popup-dropdown-text{text-align:left;flex:1}.popup-dropdown-icon{color:#6c757d;font-size:24px;transition:transform .3s}.popup-dropdown-icon.open{transform:rotate(180deg)}.popup-dropdown-menu{z-index:1000;background:#fff;animation:.2s slideDown;position:relative;left:0;right:0;box-shadow:0 4px 12px #00000026}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.popup-dropdown-item{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f0f0f0;width:100%;padding:10px 16px;transition:background-color .2s}.popup-dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.popup-dropdown-item:last-child{border-bottom:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.popup-dropdown-item:hover{background-color:#f8f9fa}.popup-dropdown-item.active{color:#0d6efd;background-color:#cfe2ff;font-weight:500}.popup-dropdown-item.active:hover{background-color:#b6d4fe}.volcano-search-popup-content.dropdown-open{flex-direction:column;height:100%;display:flex}.volcano-search-popup-content.dropdown-open .volcano-dropdown-menu{flex-direction:column;flex:1;min-height:0;display:flex}.volcano-search-input-wrapper{border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:12px}.volcano-search-input{border:1px solid #dee2e6;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.volcano-search-input:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd1a}.volcano-search-input::placeholder{color:#adb5bd}.volcano-options-list{flex:1;overflow-y:auto}.volcano-dropdown-item .volcano-name{color:#212529;margin-bottom:2px;font-size:14px;font-weight:600}.volcano-dropdown-item .volcano-location{color:#6c757d;font-size:12px}.volcano-dropdown-item.active .volcano-name,.volcano-dropdown-item.active .volcano-location{color:#0d6efd}.no-results{text-align:center;color:#6c757d;padding:16px;font-size:14px}.volcano-detail-content{padding:0;position:relative}.volcano-hero{height:250px;margin:-20px -20px 20px;overflow:hidden}.volcano-hero-image{object-fit:cover;width:100%;height:100%}.volcano-hero-zoom{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:background .2s;display:flex;position:absolute;bottom:12px;right:12px}.volcano-hero-zoom:hover{background:#000000d9}.volcano-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.volcano-name{color:#333;margin:0;font-size:20px;font-weight:600}.volcano-status-badge{color:#fff;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500}.volcano-update-info{border-bottom:1px solid #e9ecef;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;font-size:12px;display:flex}.volcano-info-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.volcano-info-item{align-items:flex-start;gap:12px;display:flex}.volcano-info-icon{color:#007fff;background:#f8f9fa;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.volcano-info-icon i{color:#6c757d;font-size:1rem}.volcano-info-content{flex:1}.volcano-info-label{color:#6c757d;margin-bottom:4px;font-size:12px}.volcano-info-value{color:#333;font-size:14px;font-weight:500;line-height:1.4}.volcano-tabs{border-bottom:2px solid #e9ecef;gap:8px;margin-bottom:20px;display:flex}.volcano-tab{color:#6c757d;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.volcano-tab:hover{color:#007fff}.volcano-tab.active{color:#007fff;border-bottom-color:#007fff}.volcano-tab-content{min-height:200px}.volcano-tab-pane h6{color:#333;margin-bottom:16px;font-size:16px;font-weight:600}.volcano-section{margin-bottom:24px}.volcano-section h6{color:#212529;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.volcano-text{color:#495057;margin:0;font-size:.875rem;line-height:1.6}.volcano-earthquake-item{background:#f8f9fa;border-radius:6px;margin-bottom:12px;padding:12px 16px}.volcano-earthquake-item p{color:#495057;margin:0;font-size:14px;line-height:1.6}