.feature-detail-panel{border-left:1px solid #e5e7eb;border-radius:12px 0 0 12px;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:auto;max-height:70vh;max-width:400px;opacity:0;pointer-events:none;position:fixed;right:0;top:50%;transition:transform .3s,opacity .3s;width:320px}.feature-detail-panel:not(.hidden){opacity:1;pointer-events:auto}.feature-detail-panel.hidden{display:none!important}.feature-detail-panel .mobile-panel-header{flex-shrink:0;min-height:48px;padding:12px 16px}.feature-detail-panel .mobile-panel-header h2{font-size:15px;font-weight:600}.feature-detail-panel>div:not(.mobile-panel-header){-webkit-overflow-scrolling:touch;max-height:calc(70vh - 48px);overflow-y:auto;padding:16px}@media (width <= 1023px){.feature-detail-panel{border-left:none;border-radius:16px 16px 0 0;border-top:1px solid #e5e7eb;height:auto;inset:auto 0 0;max-height:30vh;max-width:100%;min-height:200px;opacity:0;pointer-events:none;position:fixed;transform:translateY(100%);width:100%;z-index:45}.feature-detail-panel:not(.hidden){display:flex!important;opacity:1;pointer-events:auto;transform:translateY(0)}.feature-detail-panel.hidden{display:none!important;opacity:0;pointer-events:none;transform:translateY(100%)}.feature-detail-panel>div:not(.mobile-panel-header){max-height:calc(80vh - 48px);overflow-y:auto;padding:12px}.feature-detail-panel .mobile-modal-content-wrapper>div:not(.mobile-panel-header){max-height:calc(80vh - 100px);overflow-y:auto;padding:12px}.feature-detail-panel .mobile-panel-header{min-height:44px;padding:10px 12px}.feature-detail-panel .mobile-panel-header h2{font-size:14px}.feature-detail-panel .mobile-panel-header button{font-size:18px;min-height:40px;min-width:40px;position:relative;z-index:100}.feature-detail-panel .station-grid{gap:8px;grid-template-columns:1fr 1fr;margin-bottom:10px}.feature-detail-panel .bg-gray-50{margin-bottom:8px;padding:8px}.feature-detail-panel .bg-gray-50 p{font-size:12px;margin:4px 0}.feature-detail-panel .chart-container{height:280px;margin-bottom:12px}.feature-detail-panel h4{font-size:13px;margin-bottom:8px}.feature-detail-panel .mb-4{margin-bottom:10px!important}}@media (width >= 1024px){.feature-detail-panel{border-radius:12px 0 0 12px;max-height:70vh;max-width:400px;position:fixed;right:0;top:50%;transform:translateY(-50%)translateX(100%);width:320px}.feature-detail-panel:not(.hidden){opacity:1;pointer-events:auto;transform:translateY(-50%)translateX(0)}.feature-detail-panel.hidden{display:none!important;opacity:0;pointer-events:none;transform:translateY(-50%)translateX(100%)}}.feature-detail-panel .bg-gray-50,.feature-detail-panel .station-grid{margin-bottom:12px;padding:10px}.feature-detail-panel .chart-container{height:180px;margin-bottom:12px}@media (width <= 1023px){.feature-detail-panel .chart-container{height:280px}.feature-detail-panel .station-grid{gap:6px;grid-template-columns:1fr 1fr;padding:8px}.feature-detail-panel .text-responsive-sm{font-size:11px}.feature-detail-panel .text-responsive-base{font-size:12px}.feature-detail-panel .text-responsive-lg{font-size:13px}.feature-detail-panel .space-y-3>*{margin-bottom:8px}.feature-detail-panel .time-range-btn{font-size:11px;min-height:36px;padding:6px 10px}.feature-detail-panel .flex.items-center.space-x-2,.feature-detail-panel .flex.items-center.space-x-3{margin-bottom:8px}.feature-detail-panel .mb-3,.feature-detail-panel .mb-4{margin-bottom:8px!important}.feature-detail-panel select{font-size:12px;min-height:36px;padding:6px 8px}.feature-detail-panel .flex.flex-col{gap:6px}.feature-detail-panel .bg-gray-50{padding:6px 8px!important}.feature-detail-panel .bg-gray-50 p{font-size:11px!important;margin:2px 0!important}}.feature-detail-panel #closeFlowlinePanel,.feature-detail-panel #closeLocationPanel,.feature-detail-panel #closePanel{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;position:relative;z-index:100}.feature-detail-panel #closeFlowlinePanel:hover,.feature-detail-panel #closeLocationPanel:hover,.feature-detail-panel #closePanel:hover{background:#f3f4f6;border-radius:6px}