.streamflow-dashboard{background-color:#fff;box-shadow:0 4px 6px rgb(0 0 0 / .1);width:100%;height:100%;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;font-family:"Segoe UI",Roboto,Arial,sans-serif}.streamflow-dashboard-header{background:linear-gradient(to right,#1e40af,#3b82f6);color:#fff;z-index:2;flex-shrink:0}.streamflow-grid-view .streamflow-dashboard-header{padding:5px 10px!important}.streamflow-grid-view .streamflow-dashboard-header h2{font-size:14px!important}.streamflow-grid-view .streamflow-dashboard-content{padding:8px 8px 0 8px!important}.streamflow-grid-view .streamflow-status-indicators{display:none!important}.streamflow-grid-view .streamflow-status-indicators-compact{display:flex!important}.streamflow-grid-view .streamflow-chart-header h3{font-size:12px!important}.streamflow-grid-view .streamflow-dashboard-footer{font-size:8px!important;margin-top:0px!important}.streamflow-single-view .streamflow-dashboard-header{padding:12px 15px}.streamflow-single-view .streamflow-dashboard-content{padding:15px}.streamflow-single-view .streamflow-status-indicators-compact{display:none!important}.streamflow-single-view .streamflow-status-indicators{display:flex!important}.streamflow-chart{position:relative;width:100%;height:100%;min-height:120px}.streamflow-tooltip{position:absolute;background-color:rgb(0 0 0 / .8);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;pointer-events:none;z-index:100;transform:translate(-50%,0);white-space:nowrap}.flow-normal{color:#4CAF50}.flow-high{color:#FF9800}.flow-flood{color:#F44336}.flow-low{color:#03A9F4}.streamflow-loading{display:flex;justify-content:center;align-items:center;height:100%;width:100%;font-size:14px;color:#666}.streamflow-grid-view .font-small{font-size:9px!important}.streamflow-grid-view .font-medium{font-size:12px!important}.streamflow-grid-view .font-large{font-size:16px!important}.streamflow-single-view .font-small{font-size:12px!important}.streamflow-single-view .font-medium{font-size:16px!important}.streamflow-single-view .font-large{font-size:22px!important}@keyframes streamflow-pulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}.streamflow-skeleton-loading{background-color:#fff}.streamflow-skeleton-container{width:100%;height:100%}.streamflow-skeleton-mode{width:100%;height:100%}@keyframes streamflow-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.streamflow-skeleton-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:streamflow-spin 1s linear infinite}@keyframes skeleton-pulse{0%,100%{opacity:.4}50%{opacity:.7}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.streamflow-skeleton-chart{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.streamflow-dashboard{transition:opacity 0.3s ease-in-out}.streamflow-skeleton-loading .streamflow-dashboard-content{min-height:150px}