:root{--font-main: "Century Gothic", CenturyGothic, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-mono: "Courier New", Courier, monospace;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-page: #f5f5f5;--bg-muted: #f3f4f6;--bg-elevated: #ffffff;--text-primary: #1f2937;--text-secondary: #374151;--text-tertiary: #6b7280;--accent: #0896fc;--accent-dark: #0678d4;--brand-surface: #0896fc;--brand-surface-deep: #0678d4;--brand-surface-shadow: rgba(8, 150, 252, .15);--on-brand: #ffffff;--on-brand-muted: rgba(255, 255, 255, .9);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--border: #e5e7eb;--control-border: #d1d5db;--control-border-hover: #9ca3af;--chart-grid: rgba(0, 0, 0, .1);--chart-text: #666666;--on-accent: #ffffff;--navbar-h: 70px;--sidebar-w: 320px;--shadow: 0 1px 3px rgba(0, 0, 0, .1)}:root[data-theme=dark]{--bg-primary: #172033;--bg-secondary: #0f172a;--bg-page: #0b1120;--bg-muted: #202b3f;--bg-elevated: #1e293b;--text-primary: #f1f5f9;--text-secondary: #d5deea;--text-tertiary: #9eacc0;--accent: #38bdf8;--accent-dark: #0284c7;--brand-surface: #164a6e;--brand-surface-deep: #113a58;--brand-surface-shadow: rgba(17, 58, 88, .45);--on-brand: #f0f7fc;--on-brand-muted: rgba(240, 247, 252, .88);--border: #334155;--control-border: #475569;--control-border-hover: #64748b;--chart-grid: rgba(148, 163, 184, .18);--chart-text: #cbd5e1;--shadow: 0 1px 3px rgba(0, 0, 0, .35)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-main)}html{font-family:var(--font-main)!important}body{font-family:var(--font-main)!important;background:var(--bg-page);color:var(--text-primary);min-height:100vh;transition:background-color .2s ease,color .2s ease}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at top left,color-mix(in srgb,var(--brand-surface) 18%,transparent),transparent 34%),var(--bg-page)}.auth-card{width:min(100%,460px);padding:1.6rem;border-radius:1.1rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:0 18px 45px #0f172a24}.auth-card-wide{width:min(100%,760px)}.auth-brand{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.auth-brand img{height:42px;width:auto}.auth-brand span,.auth-form-header-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--brand-surface) 12%,transparent);color:var(--accent);font-size:.78rem;font-weight:800;white-space:nowrap}.auth-heading{margin-bottom:1.2rem}.auth-heading.centered{text-align:center}.auth-heading h1{color:var(--text-primary);font-size:clamp(1.45rem,3vw,2rem);line-height:1.15;margin-bottom:.65rem}.auth-title-soft{font-weight:600}.auth-heading p{color:var(--text-tertiary);line-height:1.55}.auth-form{display:grid;gap:.85rem}.auth-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-form label{display:flex;flex-direction:column;gap:.45rem;color:var(--text-secondary);font-size:.84rem;font-weight:800}.auth-form label>span{display:flex;align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:.75rem;background:var(--bg-secondary);padding:0 .85rem}.auth-form label>span svg{color:var(--text-tertiary);flex-shrink:0}.auth-form input,.auth-form select{width:100%;border:1px solid var(--border);border-radius:.75rem;background:var(--bg-secondary);color:var(--text-primary);font:inherit;font-size:.92rem;padding:.78rem .85rem;outline:none}.auth-form label>span input{border:none;border-radius:0;background:transparent;padding-left:0;padding-right:0}.auth-form input:focus,.auth-form select:focus,.auth-form label>span:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.auth-form button,.auth-primary-link,.auth-email-preview a{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:999px;background:var(--brand-surface);color:var(--on-brand);padding:.8rem 1rem;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 8px 22px var(--brand-surface-shadow)}.auth-form-grid button,.auth-form-error{grid-column:1 / -1}.auth-form button:disabled{cursor:not-allowed;opacity:.62}.auth-form-error{color:var(--error);font-size:.84rem;font-weight:700}.auth-switch{margin-top:1.15rem;color:var(--text-tertiary);text-align:center;font-size:.9rem}.auth-switch a{color:var(--accent);font-weight:800;text-decoration:none}.auth-success-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border-radius:1rem;background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success);font-size:1.65rem}.auth-email-preview{display:grid;gap:.7rem;padding:1rem;border-radius:.9rem;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:var(--bg-secondary)}.auth-email-preview span{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);font-weight:800}.auth-email-preview p{color:var(--text-tertiary);line-height:1.5;font-size:.9rem}.realtime-card{min-height:340px}.realtime-card .panel-card-left{width:210px;padding:2rem}.realtime-card .monitoring-header{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.realtime-card .monitoring-header h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-transform:capitalize}.realtime-card .white-line{width:80%;height:2px;margin:0 0 1.5rem;border-radius:1px}.realtime-card .date-info{font-size:.875rem;font-weight:500;margin-bottom:.5rem;opacity:.9}.realtime-card .time-info{font-size:1.25rem;font-weight:700;font-family:var(--font-mono)!important}button,input,select,textarea{font:inherit;font-family:var(--font-main)!important}a{color:inherit}h1,h2,h3,h4,h5,h6,p,a,span,label,li{font-family:var(--font-main)!important}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border);box-shadow:var(--shadow);position:fixed;inset:0 0 auto;z-index:1000;height:var(--navbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.nav-left{display:flex;align-items:center;gap:1rem}.menu-toggle{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;width:40px;height:40px;border-radius:.25rem;display:flex;align-items:center;justify-content:center}.menu-toggle:hover{background:var(--bg-muted);color:var(--accent)}.logo{display:flex;align-items:center;text-decoration:none}.logo img{height:40px;width:auto}.nav-menu{display:flex;list-style:none}.nav-link{display:flex;align-items:center;text-decoration:none;color:var(--text-secondary);padding:.75rem 1.5rem;font-weight:700;font-size:.95rem;position:relative;white-space:nowrap;transition:color .2s ease,background .2s ease}.nav-link:hover,.nav-link.active{color:var(--accent);background:var(--bg-secondary)}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent)}.nav-right{display:flex;align-items:center;gap:.5rem}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:.45rem;min-width:82px;padding:.5rem .75rem;border:1px solid var(--control-border);border-radius:.5rem;background:var(--bg-primary);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.theme-toggle:hover{color:var(--accent);background:var(--bg-muted);border-color:var(--control-border-hover)}.alarm-bell{position:relative}.alarm-bell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:38px;border-radius:.55rem;border:1px solid var(--control-border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer}.alarm-bell-btn:hover{color:var(--accent);background:var(--bg-muted);border-color:var(--control-border-hover)}.alarm-bell-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 .3rem;border-radius:999px;background:var(--error);color:#fff;font-size:.68rem;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--bg-primary)}.alarm-bell.pulse .alarm-bell-badge{animation:alarmBadgePulse 1.4s ease-out infinite}.alarm-bell.pulse .alarm-bell-btn{animation:alarmBellShake 2.4s ease-in-out 2}@keyframes alarmBadgePulse{0%{box-shadow:0 0 #ef44448c}to{box-shadow:0 0 0 10px #ef444400}}@keyframes alarmBellShake{0%,to{transform:rotate(0)}10%{transform:rotate(-10deg)}20%{transform:rotate(10deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}50%{transform:rotate(0)}}.alarm-bell-dropdown{position:absolute;top:calc(100% + .55rem);right:0;width:min(360px,86vw);border-radius:.85rem;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 16px 40px #0000002e;z-index:1300;overflow:hidden}.alarm-bell-dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.alarm-bell-dropdown-header strong{color:var(--text-primary);font-size:.95rem}.alarm-bell-dropdown-header span{color:var(--error);font-size:.78rem;font-weight:800}.alarm-bell-list{display:flex;flex-direction:column;max-height:320px;overflow:auto}.alarm-bell-item{display:grid;grid-template-columns:auto 1fr;gap:.7rem;padding:.8rem 1rem;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent)}.alarm-bell-item:hover{background:var(--bg-secondary)}.alarm-bell-item-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);color:var(--accent)}.alarm-bell-item.critical .alarm-bell-item-icon{color:var(--error)}.alarm-bell-item.warning .alarm-bell-item-icon{color:var(--warning)}.alarm-bell-item strong{display:block;color:var(--text-primary);font-size:.86rem;margin-bottom:.2rem}.alarm-bell-item em{display:block;color:var(--text-tertiary);font-style:normal;font-size:.78rem;line-height:1.35}.alarm-bell-item small{display:block;margin-top:.3rem;color:var(--text-tertiary);font-size:.7rem}.alarm-bell-view-all{display:block;padding:.85rem 1rem;text-align:center;color:var(--accent);font-weight:800;text-decoration:none;background:var(--bg-secondary)}.alarm-bell-view-all:hover{text-decoration:underline}.mobile-links-dropdown{display:none;position:relative}.mobile-links-btn{display:flex;align-items:center;gap:.4rem;background:none;border:1px solid var(--control-border);color:var(--text-secondary);padding:.5rem .85rem;border-radius:.5rem;cursor:pointer;font-weight:600}.mobile-links-btn:hover{background:var(--bg-muted);border-color:var(--control-border-hover);color:var(--accent)}.mobile-links-btn .chevron{font-size:.7rem}.mobile-links-menu{min-width:200px}.mobile-links-menu .dropdown-item.active{color:var(--accent);background:var(--bg-secondary);font-weight:700}.mobile-links-menu .dropdown-item{width:100%;border:none;background:none;cursor:pointer;text-align:left;font:inherit}.user-dropdown{position:relative}.user-btn{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--control-border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.user-btn:hover{background:var(--bg-muted);border-color:var(--control-border-hover);color:var(--accent)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 10px 25px #00000026;min-width:180px;z-index:20}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:calc(100% - .5rem);padding:.75rem 1rem;border:none;background:transparent;font:inherit;text-decoration:none;color:var(--text-secondary);margin:.25rem;border-radius:.25rem;cursor:pointer;text-align:left}.dropdown-item:hover{background:var(--bg-muted);color:var(--accent)}.mobile-nav{position:fixed;top:var(--navbar-h);left:-100%;width:280px;height:calc(100vh - var(--navbar-h));background:var(--bg-primary);border-right:1px solid var(--border);box-shadow:2px 0 10px #0000001a;transition:left .3s ease;z-index:999;overflow-y:auto}.mobile-nav.show{left:0}.dam-sidebar{padding:1rem}.dam-sidebar-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.dam-sidebar-header h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.dam-sidebar-header p,.dam-info .location{color:var(--text-tertiary);font-size:.875rem}.dam-list{display:flex;flex-direction:column;gap:1rem}.dam-list-status{margin:0;padding:.85rem 1rem;border-radius:.65rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:.9rem;line-height:1.45}.dam-list-status.error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-color:color-mix(in srgb,var(--warning, #c47a12) 35%,var(--border));background:color-mix(in srgb,var(--warning, #c47a12) 12%,var(--bg-secondary));color:var(--text-primary)}.dam-list-status button{flex-shrink:0;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);padding:.35rem .7rem;font:inherit;font-size:.82rem;font-weight:650;cursor:pointer}.dam-item{display:flex;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:.5rem;text-decoration:none;transition:all .2s ease}.dam-item:hover{border-color:var(--accent);box-shadow:0 4px 6px #0896fc1a}.dam-item.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}.dam-item.featured{background:linear-gradient(135deg,var(--brand-surface),var(--brand-surface-deep));color:var(--on-brand);border-color:var(--brand-surface)}.dam-item.featured .dam-info h4,.dam-item.featured .status-label,.dam-item.featured .status-value,.dam-item.featured .location{color:var(--on-brand)}.dam-icon{width:40px;height:40px;background:var(--bg-muted);border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dam-item.featured .dam-icon{background:#fff3}.dam-icon img{width:24px;height:24px;object-fit:contain}.dam-info h4{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.dam-status{display:flex;flex-direction:column;gap:.25rem;margin-top:.35rem}.status-item{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem}.status-label{color:var(--text-tertiary)}.status-value{font-weight:600}.dam-popup-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center}.dam-popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;border:none;cursor:pointer}.dam-popup-content{position:relative;z-index:1;background:var(--bg-elevated);border-radius:.75rem;width:min(480px,calc(100vw - 2rem));max-height:80vh;overflow:auto;box-shadow:0 20px 50px #0003}.dam-popup-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.dam-popup-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-tertiary)}.dam-popup-body{padding:1rem}.dam-popup-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:.5rem;text-decoration:none;margin-bottom:.75rem}.dam-popup-item:hover{border-color:var(--accent)}.dam-popup-icon img{width:36px;height:36px}.dam-popup-info{flex:1}.dam-popup-info h4{margin-bottom:.25rem}.dam-popup-info p{color:var(--text-tertiary);font-size:.85rem;margin-bottom:.35rem}.dam-popup-status{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--success)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--control-border)}.status-indicator.active{background:var(--success)}.page-body{display:flex;min-height:calc(100vh - var(--navbar-h));margin-top:var(--navbar-h)}.main-content{flex:1;margin-right:var(--sidebar-w);padding:2rem;background:var(--bg-secondary);min-width:0}.right-sidebar{position:fixed;top:var(--navbar-h);bottom:0;right:0;width:var(--sidebar-w);height:calc(100vh - var(--navbar-h));min-height:0;padding:1.25rem;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-secondary)}.sidebar-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;box-shadow:var(--shadow)}.search-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.search-input{flex:1;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);border-radius:.5rem;padding:.6rem .85rem;outline:none}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0896fc26}.search-btn{background:var(--accent);color:var(--on-accent);border:none;border-radius:.5rem;width:42px;cursor:pointer}.categories-section h4,.alarms-header h4{font-size:.95rem;margin-bottom:.85rem}.category-list{list-style:none;display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.5rem}.category-item a{display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;border-radius:.5rem;text-decoration:none;color:var(--text-secondary);font-weight:600;font-size:.9rem}.category-item a:hover,.category-item a.active{background:#0896fc1a;color:var(--accent)}.alarms-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.alarms-link{color:var(--accent);font-size:.8rem;text-decoration:none;font-weight:600}.alarms-list{display:flex;flex-direction:column;gap:.75rem}.alarm-item{display:flex;gap:.75rem;padding:.85rem;border-radius:.5rem;border-left:3px solid var(--control-border);background:var(--bg-secondary)}.alarm-item.critical{border-left-color:var(--error)}.alarm-item.warning{border-left-color:var(--warning)}.alarm-icon{color:var(--accent)}.alarm-item.critical .alarm-icon{color:var(--error)}.alarm-item.warning .alarm-icon{color:var(--warning)}.alarm-content h6{font-size:.85rem;margin-bottom:.25rem}.alarm-content p{font-size:.8rem;color:var(--text-tertiary);line-height:1.4}.alarm-time{display:block;margin-top:.35rem;font-size:.72rem;color:var(--text-tertiary)}.assistant-panel{flex:1;min-height:0;height:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:.85rem;box-shadow:var(--shadow);padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.assistant-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.9rem;border-bottom:1px solid var(--border);flex-shrink:0}.assistant-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--brand-surface),var(--brand-surface-deep));color:var(--on-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px var(--brand-surface-shadow)}.assistant-header h3{font-size:1rem;font-weight:800;color:var(--text-primary);margin-bottom:.15rem}.assistant-header p{font-size:.78rem;color:var(--text-tertiary);line-height:1.35}.assistant-messages{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:.65rem;padding:.25rem .35rem .5rem .1rem;scrollbar-gutter:stable}.assistant-message{border-radius:.75rem;padding:.7rem .8rem;font-size:.78rem;line-height:1.45;max-width:92%;overflow-wrap:anywhere;word-break:break-word;flex-shrink:0}.assistant-message.assistant{align-self:flex-start;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.assistant-message.user{align-self:flex-end;background:var(--brand-surface);color:var(--on-brand);box-shadow:0 4px 10px var(--brand-surface-shadow)}.assistant-message.thinking{align-self:flex-start;display:inline-flex;align-items:center;background:var(--bg-secondary);color:var(--text-tertiary);border:1px solid var(--border);padding:.75rem .9rem}.assistant-typing-bubbles{display:inline-flex;align-items:center;gap:.28rem}.assistant-typing-bubbles span{width:.42rem;height:.42rem;border-radius:50%;background:var(--text-tertiary);opacity:.35;animation:assistant-typing-bounce 1.2s ease-in-out infinite}.assistant-typing-bubbles span:nth-child(2){animation-delay:.15s}.assistant-typing-bubbles span:nth-child(3){animation-delay:.3s}@keyframes assistant-typing-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-.2rem);opacity:.9}}.assistant-attachment{display:inline-flex;align-items:center;gap:.4rem;margin-top:.55rem;padding:.35rem .55rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--brand-surface) 12%,transparent);color:var(--accent);text-decoration:none;font-size:.74rem;font-weight:700}.assistant-attachment:hover{border-color:var(--accent)}.assistant-input-form button:disabled,.assistant-input-form input:disabled{opacity:.6;cursor:not-allowed}.assistant-input-form{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border);flex-shrink:0}.assistant-input-form input{flex:1;min-width:0;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);border-radius:999px;padding:.7rem .9rem;outline:none;font-size:.8rem}.assistant-input-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.assistant-input-form button{width:42px;height:42px;border-radius:50%;border:none;background:var(--brand-surface);color:var(--on-brand);cursor:pointer;flex-shrink:0}.assistant-fab,.assistant-close{display:none}.app-footer{margin-right:var(--sidebar-w);display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;background:var(--bg-primary);border-top:1px solid var(--border);color:var(--text-tertiary);font-size:.85rem}.app-footer img{height:28px}.dashboard-page{display:flex;flex-direction:column;gap:2rem}.panel-card{background:var(--brand-surface);border-radius:.75rem;box-shadow:0 4px 6px var(--brand-surface-shadow);min-height:340px;display:flex;overflow:hidden}.panel-card-left{width:200px;padding:1.75rem 1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--brand-surface)}.panel-card-right{flex:1;background:var(--bg-primary);min-width:0;position:relative}.monitoring-header{text-align:center;color:var(--on-brand)}.monitoring-header h3{font-size:1.15rem;font-weight:700;line-height:1.3}.white-line{width:48px;height:3px;background:var(--on-brand);margin:1rem auto;border-radius:2px}.datetime-display{font-size:.85rem;opacity:.95}.date-info{margin-bottom:.35rem}.time-info{font-size:1.35rem;font-weight:700;letter-spacing:.02em}.dam-data-section{position:relative;height:100%;min-height:340px;padding-bottom:1.85rem}.dam-carousel{position:relative;width:100%;height:100%;min-height:300px;overflow:hidden}.dam-slide{position:absolute;top:0;right:0;bottom:1.85rem;left:0;opacity:0;transform:translate(100%);transition:all .5s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.85rem 1.25rem .35rem;pointer-events:none}.dam-slide.active{opacity:1;transform:translate(0);z-index:2;pointer-events:auto}.dam-slide.prev{transform:translate(-100%);z-index:1}.dam-title{font-size:1.5rem;font-weight:700;color:var(--on-brand);margin:.35rem 0 1rem;text-align:center;background:var(--brand-surface);padding:.75rem 1.25rem;border-radius:.5rem;width:85%;max-width:1100px;flex-shrink:0}.dam-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:85%;max-width:1100px;justify-items:stretch;align-items:center;margin-bottom:.15rem}.dam-metrics-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dam-metrics-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:var(--brand-surface);border:none;border-radius:.75rem;padding:.9rem .85rem;text-align:center;box-shadow:0 4px 6px var(--brand-surface-shadow);transition:box-shadow .3s ease,transform .3s ease;width:100%;max-width:240px;min-height:98px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:default}.metric-card:hover{box-shadow:0 6px 12px var(--brand-surface-shadow);transform:translateY(-2px)}.metric-card.metric-unavailable{opacity:.72}.metric-card.metric-unavailable .metric-value{letter-spacing:.08em;opacity:.85}.real-time-carousel .metric-card.metric-unavailable .metric-value,.gis-carousel .metric-card.metric-unavailable .metric-value,.dam-monitor-realtime .metric-card.metric-unavailable .metric-value,.dam-monitor-gis .metric-card.metric-unavailable .metric-value{font-weight:700}.metric-value{font-size:1.25rem;font-weight:700;color:var(--on-brand);font-family:var(--font-mono)!important;margin-bottom:.25rem;padding-bottom:.15rem}.metric-separator{width:70%;max-width:120px;height:2px;background:var(--on-brand);margin:.2rem auto .35rem;flex-shrink:0;opacity:.95}.metric-label{font-size:.78rem;color:var(--on-brand-muted);font-weight:500;line-height:1.2}.water-level-metric-card{align-items:stretch;text-align:left;padding:.85rem .9rem;min-height:138px}.water-level-metric-card .metric-label{text-align:center;font-weight:500}.water-level-metric-card .metric-separator{width:70%;max-width:120px;margin:.35rem auto}.water-level-pair{display:grid;gap:.4rem;width:100%;margin-bottom:.1rem}.water-level-reading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.water-level-reading span{color:var(--on-brand-muted);font-size:.7rem;font-weight:600;line-height:1.25}.water-level-reading strong{color:var(--on-brand);font-size:1.02rem;font-family:var(--font-mono)!important;font-weight:700;white-space:nowrap}.water-level-reading.unavailable strong{opacity:.85;letter-spacing:.08em}.real-time-carousel .water-level-metric-card,.gis-carousel .water-level-metric-card,.dam-monitor-realtime .water-level-metric-card,.dam-monitor-gis .water-level-metric-card{max-width:none}.dam-metrics-graph{width:85%;max-width:1100px;height:230px;margin-bottom:.15rem}.chart-container{width:100%;height:100%}.water-level-card{min-height:430px}.water-level-card .dam-data-section{min-height:430px;padding-bottom:2.15rem}.water-level-card .dam-carousel{min-height:400px}.water-level-card .dam-slide{bottom:2.15rem}.water-level-card .dam-title{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.water-level-card .dam-metrics-graph{width:min(92%,1080px);max-width:1080px;height:310px}.dam-carousel.water-level-carousel{position:relative;width:100%;height:100%;min-height:400px;overflow:hidden;flex:1}.water-level-carousel .dam-slide{position:absolute;top:0;left:0;right:0;bottom:2.15rem;width:100%;opacity:0;transform:translate(100%);transition:all .5s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.85rem 1rem .5rem}.water-level-carousel .dam-slide.active{opacity:1;transform:translate(0);z-index:2}.water-level-carousel .dam-slide.prev{transform:translate(-100%);z-index:1}.water-level-slide-content{width:85%;min-height:100%;display:flex;flex-direction:column;align-items:center}.water-level-carousel .dam-title{font-size:1.5rem;font-weight:700;color:var(--on-brand);margin-top:.5rem;margin-bottom:1rem;text-align:center;background:var(--brand-surface);padding:.75rem 1rem;border-radius:.5rem;width:100%;max-width:900px}.water-level-carousel .dam-metrics-graph{width:100%;max-width:1080px;height:310px;margin-bottom:.5rem}.water-level-nav{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem;position:absolute;bottom:.35rem;left:50%;transform:translate(-50%);z-index:15}.water-level-controls{position:absolute;top:50%;transform:translateY(-50%);width:calc(100% - 14px);display:flex;justify-content:space-between;padding:0;pointer-events:none;z-index:20;left:6px;right:auto}.gis-card{min-height:420px}.gis-card .panel-card-left{width:200px;padding:1.15rem 1.25rem}.gis-left-note{margin-top:.85rem;color:var(--on-brand-muted);font-size:.72rem;line-height:1.35;text-align:center}.gis-card .dam-data-section{min-height:400px;padding-bottom:1.45rem}.dam-carousel.gis-carousel{min-height:380px}.gis-carousel .dam-slide{bottom:1.45rem;padding:.55rem 1.1rem .15rem;overflow-y:auto}.gis-slide-content{width:min(96%,1100px);min-height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.gis-carousel .dam-title{font-size:1.15rem;margin:.2rem 0 .6rem;padding:.52rem .9rem;max-width:none;width:100%;align-self:center}.gis-nav{bottom:.4rem}.gis-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.85fr);gap:.85rem;width:100%}.gis-panel.compact{gap:.7rem}.gis-panel-main{display:flex;flex-direction:column;gap:.75rem;min-width:0}.gis-panel-section,.gis-map-card{border:1px solid color-mix(in srgb,var(--brand-surface) 22%,var(--border));border-radius:.85rem;background:var(--bg-primary);padding:.8rem;box-shadow:0 2px 8px color-mix(in srgb,var(--brand-surface-shadow) 45%,transparent)}.gis-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.65rem}.gis-section-header span{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-primary);font-size:.82rem;font-weight:800}.gis-section-header svg{color:var(--accent)}.gis-section-header small{color:var(--text-tertiary);font-size:.72rem;font-weight:600}.gis-station-grid,.gis-weather-grid{display:grid;gap:.65rem}.gis-weather-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gis-station-grid .water-level-metric-card,.gis-weather-grid .metric-card{max-width:none;width:100%}.gis-panel-note{color:var(--text-tertiary);font-size:.8rem;line-height:1.45}.gis-panel-note.error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--error)}.gis-panel-note button{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary));color:var(--accent);border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;cursor:pointer}.gis-weather-meta{display:inline-flex;align-items:center;gap:.4rem;margin-top:.65rem;color:var(--text-tertiary);font-size:.72rem;font-weight:600}.gis-map-card{display:flex;flex-direction:column;min-height:100%}.gis-map-frame{width:100%;min-height:220px;flex:1;border:1px solid var(--border);border-radius:.7rem;background:var(--bg-secondary)}.gis-panel.compact .gis-map-frame{min-height:180px}.gis-map-coords{margin-top:.45rem;color:var(--text-tertiary);font-size:.72rem;font-family:var(--font-mono)!important}.gis-map-empty{flex:1;min-height:180px;display:grid;place-items:center;border:1px dashed var(--border);border-radius:.7rem;background:var(--bg-secondary);color:var(--text-tertiary);text-align:center;padding:1rem;font-size:.8rem}.dam-monitor-gis .gis-panel{margin-top:.25rem}:root[data-theme=dark] .gis-panel-section,:root[data-theme=dark] .gis-map-card{background:var(--bg-elevated)}.prediction-chart-shell{width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.75rem;padding:.85rem;border:1px solid var(--border);border-radius:.85rem;background:var(--bg-secondary)}.prediction-chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.prediction-eyebrow{color:var(--text-tertiary);font-size:.78rem;font-weight:600;margin-bottom:.2rem}.prediction-chart-header h4{color:var(--text-primary);font-size:.98rem;font-weight:700}.forecast-badge{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent);border:1px solid color-mix(in srgb,var(--success) 35%,transparent);border-radius:999px;padding:.35rem .65rem;font-size:.75rem;font-weight:700;white-space:nowrap}.prediction-chart-container{min-height:0}.prediction-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.prediction-summary-card{border:1px solid var(--border);border-radius:.65rem;padding:.55rem .65rem;background:var(--bg-primary)}.prediction-summary-card span{display:block;color:var(--text-tertiary);font-size:.72rem;font-weight:600;margin-bottom:.18rem}.prediction-summary-card strong{display:block;color:var(--text-primary);font-family:var(--font-mono)!important;font-size:.98rem}.prediction-summary-card strong.positive{color:var(--success)}.prediction-summary-card strong.negative{color:var(--error)}.carousel-nav{position:absolute;bottom:.45rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:15;padding:.35rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--bg-primary) 90%,transparent)}.realtime-hero-section{display:flex;flex-direction:column;min-height:320px;padding:1.1rem 1.35rem 2.35rem}.realtime-hero-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;margin-bottom:1rem;padding-right:.25rem}.realtime-dam-tabs{display:flex;flex-wrap:wrap;gap:.45rem;min-width:0}.realtime-dam-tab{border:1px solid color-mix(in srgb,var(--brand-surface) 35%,var(--border));background:color-mix(in srgb,var(--brand-surface) 8%,var(--bg-primary));color:var(--text-secondary);border-radius:999px;padding:.42rem .9rem;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.realtime-dam-tab:hover{border-color:var(--brand-surface);color:var(--brand-surface-deep)}.realtime-dam-tab.active{background:var(--brand-surface);border-color:var(--brand-surface);color:var(--on-brand);box-shadow:0 4px 12px var(--brand-surface-shadow)}.realtime-live-meta{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;color:var(--text-tertiary);font-size:.75rem;font-weight:600}.realtime-live-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--success) 12%,var(--bg-secondary));color:var(--success);font-weight:800;letter-spacing:.02em;text-transform:uppercase;font-size:.68rem}.realtime-live-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--success);box-shadow:0 0 color-mix(in srgb,var(--success) 55%,transparent);animation:realtime-live-pulse 1.8s ease-out infinite}@keyframes realtime-live-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--success) 45%,transparent)}70%{box-shadow:0 0 0 .45rem transparent}to{box-shadow:0 0 0 0 transparent}}.realtime-updated{color:var(--text-tertiary)}.realtime-hero-body{flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.95fr);gap:1.1rem;align-items:stretch;min-height:0}.realtime-hero-primary{display:flex;flex-direction:column;justify-content:center;gap:.45rem;min-width:0;padding:1.15rem 1.25rem;border-radius:.9rem;background:linear-gradient(145deg,color-mix(in srgb,var(--brand-surface) 16%,var(--bg-primary)),var(--bg-primary) 55%);border:1px solid color-mix(in srgb,var(--brand-surface) 28%,var(--border));box-shadow:0 8px 22px var(--brand-surface-shadow)}.realtime-hero-label{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-surface-deep)}.realtime-hero-value{margin:0;font-size:clamp(2rem,3.4vw,2.75rem);line-height:1.05;font-weight:800;font-family:var(--font-mono)!important;color:var(--brand-surface-deep);overflow-wrap:anywhere}.realtime-hero-value.unavailable{opacity:.7;letter-spacing:.08em}.realtime-hero-rail{width:min(100%,280px);height:.38rem;margin:.2rem 0 .35rem;border-radius:999px;background:color-mix(in srgb,var(--brand-surface) 16%,var(--bg-secondary));overflow:hidden}.realtime-hero-rail span{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-surface),var(--brand-surface-deep))}.realtime-hero-race-list{display:grid;gap:.45rem;padding-top:.55rem;border-top:1px solid color-mix(in srgb,var(--brand-surface) 18%,var(--border))}.realtime-hero-tail{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;color:var(--text-secondary);font-size:.86rem;font-weight:600}.realtime-hero-tail strong{font-family:var(--font-mono)!important;font-size:1.05rem;font-weight:800;color:var(--text-primary)}.realtime-hero-tail.unavailable strong{opacity:.7;letter-spacing:.08em}.realtime-hero-location{margin:.15rem 0 0;color:var(--text-tertiary);font-size:.75rem;font-weight:600}.realtime-secondary-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;align-content:center;min-width:0}.realtime-secondary-item{display:flex;flex-direction:column;gap:.28rem;min-width:0;padding:.75rem .8rem;border-radius:.75rem;background:var(--bg-primary);border:1px solid color-mix(in srgb,var(--brand-surface) 22%,var(--border));box-shadow:0 2px 8px color-mix(in srgb,var(--brand-surface-shadow) 55%,transparent)}.realtime-secondary-item:last-child:nth-child(odd){grid-column:1 / -1}.realtime-secondary-label{color:var(--text-tertiary);font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.realtime-secondary-value{font-family:var(--font-mono)!important;font-size:1.02rem;font-weight:800;color:var(--brand-surface-deep);overflow-wrap:anywhere}.realtime-secondary-item.unavailable{opacity:.78;background:var(--bg-secondary)}.realtime-secondary-item.unavailable .realtime-secondary-value{letter-spacing:.08em;color:var(--text-tertiary)}:root[data-theme=dark] .realtime-dam-tab:hover{color:var(--accent)}:root[data-theme=dark] .realtime-hero-label{color:var(--accent)}:root[data-theme=dark] .realtime-hero-value{color:var(--text-primary)}:root[data-theme=dark] .realtime-hero-tail strong{color:var(--text-primary)}:root[data-theme=dark] .realtime-secondary-value{color:var(--accent)}:root[data-theme=dark] .realtime-secondary-item{background:var(--bg-elevated);border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}:root[data-theme=dark] .realtime-hero-primary{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--bg-elevated)),var(--bg-elevated) 58%);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}:root[data-theme=dark] .realtime-secondary-item.unavailable .realtime-secondary-value{color:var(--text-secondary)}.real-time-nav{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem;position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);z-index:15;padding:0;border-radius:0;background:transparent}.real-time-nav .nav-dot{width:12px;height:12px;border-radius:50%;background:color-mix(in srgb,var(--brand-surface) 30%,transparent);border:none;cursor:pointer;transition:all .3s ease}.real-time-nav .nav-dot.active{background:var(--brand-surface);transform:scale(1.3)}.real-time-nav .nav-dot:hover{background:color-mix(in srgb,var(--brand-surface) 60%,transparent);transform:scale(1.1)}.real-time-controls{position:absolute;top:auto;bottom:2.15rem;transform:none;width:calc(100% - 14px);display:flex;justify-content:space-between;padding:0;pointer-events:none;z-index:20;left:6px;right:auto}.real-time-controls .carousel-btn{width:40px;height:40px;border-radius:50%;background:var(--brand-surface);border:2px solid var(--on-brand);color:var(--on-brand);font-size:1.2rem;font-weight:700}.nav-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--control-border);cursor:pointer;padding:0}.nav-dot.active{background:var(--accent)}.carousel-controls{position:absolute;top:50%;left:6px;right:6px;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:20}.carousel-btn{pointer-events:auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elevated);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000014}.carousel-btn:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.realtime-page,.dam-monitor-page{display:flex;flex-direction:column;gap:1.5rem}.dam-monitor-controls{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.15rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:.9rem;box-shadow:var(--shadow)}.dam-switcher{display:flex;flex-direction:column;gap:.45rem;min-width:min(100%,260px)}.dam-switcher label{color:var(--text-tertiary);font-size:.82rem;font-weight:600}.dam-switcher select{width:100%;padding:.75rem .9rem;border-radius:.7rem;border:1px solid var(--control-border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer}.dam-switcher select:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}.dam-view-tabs{display:flex;flex-wrap:wrap;gap:.55rem}.dam-view-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:.7rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;font-weight:600;transition:background .2s ease,color .2s ease,border-color .2s ease}.dam-view-tab:hover{border-color:var(--accent);color:var(--accent)}.dam-view-tab.active{background:linear-gradient(135deg,var(--brand-surface),var(--brand-surface-deep));border-color:var(--brand-surface);color:var(--on-brand)}.dam-monitor-panel{background:var(--bg-primary);border:1px solid var(--border);border-radius:.9rem;box-shadow:var(--shadow);overflow:hidden}.dam-monitor-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.35rem;background:linear-gradient(135deg,var(--brand-surface),var(--brand-surface-deep));color:var(--on-brand)}.dam-monitor-panel-header .page-eyebrow{color:var(--on-brand-muted)}.dam-monitor-panel-header h2{color:var(--on-brand);font-size:clamp(1.2rem,2.5vw,1.65rem);margin-top:.25rem}.dam-monitor-realtime,.dam-monitor-gis,.dam-monitor-predictions{padding:1.35rem}.dam-monitor-api-banner{display:flex;align-items:center;justify-content:space-between;gap:.85rem;margin:0;padding:.75rem .95rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--brand-surface) 28%,var(--border));background:color-mix(in srgb,var(--brand-surface) 10%,var(--bg-secondary));color:var(--text-secondary)}.dam-monitor-api-banner.error{border-color:color-mix(in srgb,var(--warning, #c47a12) 35%,var(--border));background:color-mix(in srgb,var(--warning, #c47a12) 12%,var(--bg-secondary));color:var(--text-primary)}.dam-monitor-api-banner p{margin:0;line-height:1.45;font-size:.9rem}.dam-monitor-api-banner button{flex-shrink:0;border:1px solid var(--border);border-radius:.55rem;background:var(--bg-primary);color:var(--text-primary);padding:.4rem .75rem;font:inherit;font-size:.85rem;font-weight:650;cursor:pointer}.dam-monitor-api-banner button:hover{border-color:var(--accent);color:var(--accent)}.dam-status-pill.offline{opacity:.9}.live-status-dot.offline{background:var(--warning, #c47a12);box-shadow:none;animation:none}.dam-monitor-realtime{display:flex;flex-direction:column;gap:1.25rem}.dam-monitor-realtime .dam-metrics-grid,.dam-monitor-gis .dam-metrics-grid{width:100%;max-width:none}.dam-monitor-realtime .metric-card,.dam-monitor-gis .metric-card{max-width:none}.open-channel-card{border:1px solid var(--border);border-radius:.85rem;background:var(--bg-secondary);padding:1.1rem 1.15rem 1.2rem}.open-channel-header{margin-bottom:.95rem}.open-channel-title-block{display:flex;align-items:flex-start;gap:.85rem}.open-channel-icon{width:42px;height:42px;border-radius:.7rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--brand-surface) 16%,transparent);color:var(--accent);font-size:1.05rem}.open-channel-card h3{color:var(--text-primary);font-size:1.15rem;margin-bottom:.25rem}.open-channel-subtitle{color:var(--text-tertiary);font-size:.9rem;line-height:1.5;max-width:46rem}.open-channel-location{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem .95rem;margin-bottom:1rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:var(--bg-primary);color:var(--accent)}.open-channel-location div{display:flex;flex-direction:column;gap:.2rem;min-width:0}.open-channel-location strong{color:var(--text-primary);font-size:.95rem}.open-channel-location span{color:var(--text-tertiary);font-size:.84rem;line-height:1.4}.open-channel-distance{color:var(--text-secondary)!important;font-weight:600}.open-channel-metrics{width:100%;max-width:none}.dam-monitor-predictions .dam-metrics-graph{width:100%;max-width:none;height:280px;min-height:280px}.reservoir-prediction-panel{display:flex;flex-direction:column;gap:1rem}.prediction-overview-card,.prediction-chart-card,.prediction-values-card,.prediction-drivers-section,.forecast-performance-section,.forecast-performance-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.85rem}.prediction-overview-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem}.prediction-overview-card h3,.prediction-section-header h3{color:var(--text-primary)}.prediction-overview-card h3{font-size:1.25rem;margin-bottom:.4rem}.prediction-overview-card p,.prediction-section-header p{color:var(--text-tertiary);line-height:1.55}.prediction-horizon-toggle{display:inline-flex;flex-shrink:0;padding:.25rem;gap:.2rem;border-radius:.75rem;background:var(--bg-primary);border:1px solid var(--border)}.prediction-horizon-toggle button{border:none;border-radius:.55rem;padding:.5rem .75rem;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.82rem;font-weight:700}.prediction-horizon-toggle button:hover,.prediction-horizon-toggle button.active{background:var(--brand-surface);color:var(--on-brand)}.prediction-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.prediction-summary-cards article{padding:1rem;border-radius:.8rem;background:var(--bg-secondary);border:1px solid var(--border)}.prediction-summary-cards span{display:block;color:var(--text-tertiary);font-size:.82rem;margin-bottom:.45rem}.prediction-summary-cards strong{color:var(--text-primary);font-size:1.22rem;font-family:var(--font-mono)!important}.prediction-summary-cards strong.positive{color:var(--success)}.prediction-summary-cards strong.negative{color:var(--error)}.prediction-main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:1rem}.prediction-chart-card,.prediction-values-card,.prediction-drivers-section,.forecast-performance-section,.forecast-performance-card{padding:1rem}.prediction-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.prediction-section-header h3{font-size:1.08rem;margin-bottom:.25rem}.prediction-values-card .prediction-section-header p,.prediction-drivers-section .prediction-section-header p{font-size:.8rem}.prediction-section-header>span{color:var(--accent);background:color-mix(in srgb,var(--brand-surface) 12%,transparent);border:1px solid color-mix(in srgb,var(--brand-surface) 28%,transparent);border-radius:999px;padding:.35rem .65rem;font-size:.76rem;font-weight:700;white-space:nowrap}.prediction-timeline-chart{height:360px}.prediction-values-list{display:grid;gap:.55rem;max-height:360px;overflow:auto;padding-right:.2rem}.prediction-values-list div{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;border-radius:.7rem;background:var(--bg-primary);border:1px solid var(--border)}.prediction-values-list span{color:var(--text-tertiary);font-weight:700}.prediction-values-list strong{color:var(--text-primary);font-family:var(--font-mono)!important}.driver-impact-chart{height:260px}.forecast-performance-section{display:flex;flex-direction:column;gap:1rem}.forecast-performance-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.forecast-performance-summary article{padding:.9rem 1rem;border-radius:.75rem;background:var(--bg-primary);border:1px solid var(--border)}.forecast-performance-summary span{display:block;color:var(--text-tertiary);font-size:.8rem;margin-bottom:.4rem}.forecast-performance-summary strong{color:var(--text-primary);font-size:1.12rem;font-family:var(--font-mono)!important}.forecast-performance-summary strong.positive{color:var(--success)}.forecast-performance-summary strong.negative{color:var(--error)}.forecast-performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.forecast-performance-card{background:var(--bg-primary)}.forecast-performance-chart{height:280px}.forecast-performance-note{margin:0;color:var(--text-tertiary);font-size:.84rem;line-height:1.45}.system-alarms-page{display:flex;flex-direction:column;gap:1rem}.alarms-hero{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.7rem;border-radius:1rem;border:1px solid var(--border);background:radial-gradient(circle at top right,color-mix(in srgb,var(--error) 12%,transparent),transparent 34%),var(--bg-primary);box-shadow:var(--shadow)}.alarms-hero h1{color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin-bottom:.55rem}.alarms-hero p{color:var(--text-tertiary);line-height:1.55}.alarms-live-indicator{display:inline-flex;align-items:center;gap:.65rem;flex-shrink:0;padding:.75rem .9rem;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);font-weight:800;font-size:.88rem}.alarm-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.alarm-summary-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .9rem;border-radius:.7rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.alarm-summary-card span{color:var(--text-tertiary);font-size:.82rem;font-weight:700}.alarm-summary-card strong{color:var(--text-primary);font-size:1.25rem;line-height:1;font-family:var(--font-mono)!important}.alarm-summary-card.critical{border-left:3px solid var(--error)}.alarm-summary-card.warning{border-left:3px solid var(--warning)}.alarm-summary-card.info{border-left:3px solid var(--accent)}.alarm-controls-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem;border-radius:.9rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.alarm-controls-card>div:first-child{display:inline-flex;align-items:center;gap:.6rem;color:var(--text-secondary);font-weight:800}.alarm-filter-tabs{display:inline-flex;flex-wrap:wrap;gap:.35rem;padding:.25rem;border-radius:.75rem;background:var(--bg-secondary);border:1px solid var(--border)}.alarm-filter-tabs button{border:none;border-radius:.55rem;padding:.5rem .75rem;background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:800}.alarm-filter-tabs button:hover,.alarm-filter-tabs button.active{color:var(--on-brand);background:var(--brand-surface)}.alarm-list-section{padding:1rem;border-radius:.9rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.alarm-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.alarm-section-header h2{color:var(--text-primary);font-size:1.35rem;margin-bottom:.2rem}.alarm-section-header p,.alarm-section-header>span{color:var(--text-tertiary);font-size:.88rem}.system-alarm-list{display:grid;gap:.9rem}.system-alarm-card{display:grid;grid-template-columns:auto 1fr;gap:.9rem;padding:1rem;border-radius:.85rem;background:var(--bg-secondary);border:1px solid var(--border);border-left:4px solid var(--accent)}.system-alarm-card.critical{border-left-color:var(--error)}.system-alarm-card.warning{border-left-color:var(--warning)}.system-alarm-card.info{border-left-color:var(--accent)}.system-alarm-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;background:var(--bg-primary);color:var(--accent)}.system-alarm-card.critical .system-alarm-icon{color:var(--error)}.system-alarm-card.warning .system-alarm-icon{color:var(--warning)}.system-alarm-body{min-width:0}.system-alarm-title-row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.system-alarm-title-row h3{color:var(--text-primary);font-size:1.08rem;margin-top:.25rem}.system-alarm-body>p{color:var(--text-secondary);line-height:1.45;margin-bottom:.85rem}.alarm-severity-pill,.alarm-status-pill{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.alarm-severity-pill.critical{color:#b91c1c;background:#ef444424}.alarm-severity-pill.warning{color:#b45309;background:#f59e0b29}.alarm-severity-pill.info{color:#0369a1;background:#0ea5e924}.alarm-status-pill{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border)}.alarm-status-pill.active{color:var(--error)}.alarm-status-pill.acknowledged{color:var(--accent)}.alarm-status-pill.watching{color:var(--warning)}.alarm-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:.85rem}.alarm-detail-grid div{padding:.7rem;border-radius:.65rem;background:var(--bg-primary);border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.alarm-detail-grid span{display:block;color:var(--text-tertiary);font-size:.74rem;margin-bottom:.25rem}.alarm-detail-grid strong{color:var(--text-primary);font-size:.88rem}.alarm-action-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.alarm-action-row div{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-tertiary);font-size:.84rem}.alarm-action-row a{color:var(--accent);font-weight:800;text-decoration:none}.alarm-action-row a:hover{text-decoration:underline}.alarm-ack-btn{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:700;font-size:.82rem;border-radius:999px;padding:.35rem .85rem;cursor:pointer}.alarm-ack-btn:disabled{opacity:.6;cursor:wait}.about-page{display:flex;flex-direction:column;gap:1rem}.about-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.85rem;border-radius:1rem;border:1px solid var(--border);background:radial-gradient(circle at top right,color-mix(in srgb,var(--brand-surface) 18%,transparent),transparent 38%),var(--bg-primary);box-shadow:var(--shadow)}.about-hero h1{color:var(--text-primary);font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.2;margin-bottom:.7rem;max-width:26ch}.about-hero p{color:var(--text-tertiary);line-height:1.6;max-width:42rem}.about-hero-mark{flex-shrink:0;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:var(--bg-secondary);border:1px solid var(--border)}.about-hero-mark img{width:78px;height:auto}.about-mission{padding:1.35rem 1.5rem;border-radius:.95rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.about-mission h2,.about-partners-header h2{color:var(--text-primary);font-size:1.4rem;margin-bottom:.55rem}.about-mission p{color:var(--text-tertiary);line-height:1.65;max-width:48rem}.about-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.about-capability-card,.about-partner-card{padding:1.1rem;border-radius:.9rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.about-capability-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:.7rem;margin-bottom:.75rem;background:color-mix(in srgb,var(--brand-surface) 14%,transparent);color:var(--accent)}.about-capability-card h3,.about-partner-card h3{color:var(--text-primary);font-size:1.02rem;margin-bottom:.4rem}.about-capability-card p,.about-partner-card p{color:var(--text-tertiary);line-height:1.5;font-size:.9rem}.about-partners{display:flex;flex-direction:column;gap:.9rem}.about-partners-header{padding:1.15rem 1.35rem;border-radius:.95rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.about-partners-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.about-partner-card>span{display:inline-block;color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.55rem}.about-partner-fullname{color:var(--text-secondary)!important;font-size:.82rem!important;margin-bottom:.55rem}.about-partner-card a{display:inline-flex;align-items:center;gap:.45rem;margin-top:.9rem;color:var(--accent);font-weight:800;font-size:.86rem;text-decoration:none}.about-partner-card a:hover{text-decoration:underline}.about-closing{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.35rem;border-radius:.95rem;border:1px solid var(--border);background:var(--bg-secondary)}.about-closing img{height:36px;width:auto;flex-shrink:0}.about-closing p{color:var(--text-secondary);line-height:1.55;font-size:.92rem}.about-closing a{color:var(--accent);font-weight:700;text-decoration:none}.about-closing a:hover{text-decoration:underline}.guide-page{display:flex;flex-direction:column;gap:1rem}.guide-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.85rem;border-radius:1rem;border:1px solid var(--border);background:radial-gradient(circle at top right,color-mix(in srgb,var(--brand-surface) 18%,transparent),transparent 38%),var(--bg-primary);box-shadow:var(--shadow)}.guide-hero h1{color:var(--text-primary);font-size:clamp(1.45rem,2.7vw,2.05rem);line-height:1.16;margin-bottom:.7rem}.guide-hero p{color:var(--text-tertiary);line-height:1.6;max-width:48rem}.guide-hero-card{min-width:240px;padding:1.15rem;border-radius:.95rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);box-shadow:var(--shadow)}.guide-hero-card svg{color:var(--accent);font-size:1.35rem;margin-bottom:.9rem}.guide-hero-card span{display:block;color:var(--text-tertiary);font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.35rem}.guide-hero-card strong{color:var(--text-primary);font-size:1.05rem;line-height:1.35}.guide-section,.guide-workflow{display:flex;flex-direction:column;gap:.9rem}.guide-section-header{padding:1.15rem 1.35rem;border-radius:.95rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.guide-section-header h2,.guide-mobile-card h2{color:var(--text-primary);font-size:1.35rem;margin-bottom:.45rem}.guide-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.guide-card-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card,.guide-step-card,.guide-mobile-card{border-radius:.9rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.guide-card{padding:1.05rem}.guide-card>span,.guide-mobile-card>span{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:.7rem;background:color-mix(in srgb,var(--brand-surface) 14%,transparent);color:var(--accent);flex-shrink:0}.guide-card>span{margin-bottom:.75rem}.guide-card h3,.guide-step-card h3{color:var(--text-primary);font-size:1rem;margin-bottom:.45rem}.guide-card p,.guide-step-card p,.guide-mobile-card p{color:var(--text-tertiary);line-height:1.55;font-size:.9rem}.guide-step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.guide-step-card{padding:1.05rem;border-left:4px solid var(--accent)}.guide-mobile-card{display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 1.2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-surface) 14%,transparent),transparent 68%),var(--bg-primary)}.sgr-page{display:flex;flex-direction:column;gap:1rem}.sgr-hero{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.7rem;border-radius:1rem;border:1px solid var(--border);background:radial-gradient(circle at top right,color-mix(in srgb,var(--brand-surface) 18%,transparent),transparent 36%),var(--bg-primary);box-shadow:var(--shadow)}.sgr-hero h1{color:var(--text-primary);font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.1;margin-bottom:.55rem}.sgr-hero p{color:var(--text-tertiary);line-height:1.55;max-width:42rem}.sgr-hero-badge{display:inline-flex;align-items:center;gap:.75rem;flex-shrink:0;padding:.85rem 1rem;border-radius:.95rem;border:1px solid color-mix(in srgb,var(--brand-surface) 30%,var(--border));background:color-mix(in srgb,var(--brand-surface) 10%,var(--bg-secondary));color:var(--text-secondary)}.sgr-hero-badge svg{color:var(--accent);font-size:1.25rem}.sgr-hero-badge span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.2rem}.sgr-hero-badge strong{color:var(--text-primary);font-size:.95rem}.sgr-banner,.sgr-notice{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;border-radius:.85rem;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--bg-primary));color:var(--text-secondary);box-shadow:var(--shadow)}.sgr-banner svg,.sgr-notice svg{color:var(--accent);margin-top:.15rem;flex-shrink:0}.sgr-banner p,.sgr-notice p{line-height:1.5;font-size:.9rem}.sgr-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.sgr-summary-card{display:flex;flex-direction:column;gap:.45rem;padding:.85rem .95rem;border-radius:.75rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.sgr-summary-card span{color:var(--text-tertiary);font-size:.78rem;font-weight:700}.sgr-summary-card strong{color:var(--text-primary);font-size:1.15rem;line-height:1.25;font-family:var(--font-mono)!important}.sgr-summary-card.accent{border-color:color-mix(in srgb,var(--brand-surface) 35%,var(--border));background:color-mix(in srgb,var(--brand-surface) 8%,var(--bg-primary))}.sgr-controls-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem;border-radius:.9rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.sgr-controls-card>div:first-child{display:inline-flex;align-items:center;gap:.55rem;color:var(--text-secondary);font-weight:700}.sgr-controls-card svg{color:var(--accent)}.sgr-filter-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.sgr-filter-tabs button{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:700;cursor:pointer}.sgr-filter-tabs button.active{background:var(--brand-surface);border-color:var(--brand-surface);color:var(--on-brand)}.sgr-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:1rem;align-items:start}.sgr-list{display:flex;flex-direction:column;gap:.75rem}.sgr-report-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.9rem;border-radius:.9rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.sgr-report-card.active{border-color:color-mix(in srgb,var(--brand-surface) 45%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-surface) 25%,transparent),var(--shadow)}.sgr-report-select{border:none;background:transparent;text-align:left;cursor:pointer;color:inherit;min-width:0;padding:0}.sgr-report-top{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.55rem}.sgr-period-pill,.sgr-status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .6rem;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.sgr-period-pill.weekly{background:color-mix(in srgb,var(--brand-surface) 14%,transparent);color:var(--brand-surface-deep)}.sgr-period-pill.monthly{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.sgr-status-pill.ready{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.sgr-status-pill.partial{background:color-mix(in srgb,var(--warning) 16%,transparent);color:#b45309}.sgr-status-pill.generating{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-dark)}.sgr-status-pill.failed{background:color-mix(in srgb,var(--error) 14%,transparent);color:var(--error)}.sgr-report-card h3{color:var(--text-primary);font-size:1rem;margin-bottom:.25rem}.sgr-report-period{color:var(--text-secondary);font-size:.88rem;font-weight:600;margin-bottom:.55rem}.sgr-report-meta{display:flex;flex-wrap:wrap;gap:.65rem;color:var(--text-tertiary);font-size:.75rem;font-weight:600}.sgr-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid color-mix(in srgb,var(--brand-surface) 35%,var(--border));background:color-mix(in srgb,var(--brand-surface) 10%,var(--bg-secondary));color:var(--brand-surface-deep);border-radius:999px;padding:.55rem .85rem;font-size:.78rem;font-weight:800;cursor:pointer;white-space:nowrap}.sgr-download-btn.primary{width:100%;margin-top:0;background:var(--brand-surface);border-color:var(--brand-surface);color:var(--on-brand);padding:.75rem 1rem}.sgr-download-btn:hover{border-color:var(--brand-surface)}.sgr-detail-panel{position:sticky;top:calc(var(--navbar-h) + 1rem);display:flex;flex-direction:column;gap:.9rem;max-height:calc(100vh - var(--navbar-h) - 2rem);padding:1.15rem;border-radius:1rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow);overflow:hidden}.sgr-detail-header,.sgr-detail-stats,.sgr-detail-actions{flex-shrink:0}.sgr-detail-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem;padding-right:.15rem;-webkit-overflow-scrolling:touch}.sgr-detail-actions{padding-top:.15rem;border-top:1px solid var(--border)}.sgr-detail-header h2{color:var(--text-primary);font-size:1.25rem;margin:.25rem 0 .35rem}.sgr-detail-header p:last-child{color:var(--text-tertiary);font-size:.88rem}.sgr-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.sgr-detail-stats>div{padding:.65rem;border-radius:.7rem;background:var(--bg-secondary);border:1px solid var(--border)}.sgr-detail-stats span{display:block;color:var(--text-tertiary);font-size:.7rem;font-weight:700;margin-bottom:.3rem}.sgr-detail-stats strong{color:var(--text-primary);font-size:.92rem}.sgr-detail-stats strong.partial{color:#b45309}.sgr-detail-stats strong.ready{color:var(--success)}.sgr-detail-block{padding-top:.35rem}.sgr-detail-block h3{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-primary);font-size:.95rem;margin-bottom:.45rem}.sgr-detail-block h3 svg{color:var(--warning)}.sgr-detail-block p,.sgr-detail-block li{color:var(--text-secondary);line-height:1.55;font-size:.88rem}.sgr-detail-block ul,.sgr-detail-block ol{padding-left:1.15rem;display:grid;gap:.35rem}.sgr-detail-block.muted{padding:.85rem;border-radius:.8rem;background:var(--bg-secondary);border:1px solid var(--border)}.sgr-empty{padding:1.5rem;border-radius:.9rem;border:1px dashed var(--border);background:var(--bg-secondary);color:var(--text-tertiary);text-align:center}.sgr-empty code{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary)}.sgr-provider-note{margin-top:.55rem;color:var(--text-tertiary);font-size:.75rem;font-weight:600}:root[data-theme=dark] .sgr-period-pill.weekly,:root[data-theme=dark] .sgr-download-btn{color:var(--accent)}:root[data-theme=dark] .sgr-status-pill.partial,:root[data-theme=dark] .sgr-detail-stats strong.partial{color:#fbbf24}.profile-page{display:flex;flex-direction:column;gap:1rem}.profile-hero{display:flex;align-items:center;gap:1.2rem;padding:1.35rem;border-radius:1rem;border:1px solid var(--border);background:radial-gradient(circle at top right,color-mix(in srgb,var(--brand-surface) 18%,transparent),transparent 38%),var(--bg-primary);box-shadow:var(--shadow)}.profile-avatar{width:68px;height:68px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:1rem;background:var(--brand-surface);color:var(--on-brand);font-size:1.8rem;box-shadow:0 10px 24px var(--brand-surface-shadow)}.profile-hero h1{color:var(--text-primary);font-size:clamp(1.45rem,2.7vw,2rem);line-height:1.16;margin-bottom:.45rem}.profile-hero p{color:var(--text-tertiary);line-height:1.55}.profile-status{display:inline-flex;align-items:center;gap:.45rem;margin-left:auto;padding:.5rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success);font-size:.82rem;font-weight:800;white-space:nowrap}.profile-details-card{padding:1.15rem;border-radius:.95rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.profile-section-header{margin-bottom:1rem}.profile-section-header h2{color:var(--text-primary);font-size:1.35rem}.profile-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.profile-detail-item{display:flex;align-items:flex-start;gap:.75rem;padding:.95rem;border-radius:.85rem;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:var(--bg-secondary)}.profile-detail-item>span{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:.7rem;background:color-mix(in srgb,var(--brand-surface) 14%,transparent);color:var(--accent)}.profile-detail-item small,.profile-detail-item strong{display:block}.profile-detail-item small{color:var(--text-tertiary);font-size:.78rem;margin-bottom:.25rem}.profile-detail-item strong{color:var(--text-primary);font-size:.95rem;line-height:1.35}.contact-page{display:flex;flex-direction:column;gap:1rem}.contact-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.85rem;border-radius:1rem;border:1px solid var(--border);background:radial-gradient(circle at top right,color-mix(in srgb,var(--brand-surface) 18%,transparent),transparent 38%),var(--bg-primary);box-shadow:var(--shadow)}.contact-hero h1{color:var(--text-primary);font-size:clamp(1.45rem,2.7vw,2.05rem);line-height:1.16;margin-bottom:.7rem}.contact-hero p{color:var(--text-tertiary);line-height:1.6;max-width:48rem}.contact-hero-card{min-width:210px;padding:1.15rem;border-radius:.95rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);box-shadow:var(--shadow)}.contact-hero-card svg{color:var(--accent);font-size:1.35rem;margin-bottom:.9rem}.contact-hero-card span{display:block;color:var(--text-tertiary);font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.35rem}.contact-hero-card strong{color:var(--text-primary);font-size:1.25rem}.contact-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.contact-route-card,.feedback-form,.feedback-guidance-card{border-radius:.9rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.contact-route-card{padding:1.05rem}.contact-route-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:.7rem;margin-bottom:.75rem;background:color-mix(in srgb,var(--brand-surface) 14%,transparent);color:var(--accent)}.contact-route-card h2{color:var(--text-primary);font-size:1rem;margin-bottom:.45rem}.contact-route-card p,.feedback-guidance-card p{color:var(--text-tertiary);line-height:1.55;font-size:.9rem}.feedback-section{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:.9rem;align-items:start}.feedback-form{padding:1.25rem}.feedback-form-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.feedback-form-header h2,.feedback-guidance-card h2{color:var(--text-primary);font-size:1.35rem;margin-bottom:.45rem}.feedback-form-header>span{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--brand-surface) 12%,transparent);color:var(--accent);font-size:.78rem;font-weight:800;white-space:nowrap}.feedback-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.feedback-form label{display:flex;flex-direction:column;gap:.45rem;color:var(--text-secondary);font-size:.84rem;font-weight:800}.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;border:1px solid var(--border);border-radius:.75rem;background:var(--bg-secondary);color:var(--text-primary);font:inherit;font-size:.92rem;padding:.78rem .85rem;outline:none}.feedback-form textarea{resize:vertical;min-height:150px}.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.feedback-message-field{margin-top:.85rem}.feedback-form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.feedback-form-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.feedback-status-message{font-size:.84rem;color:var(--text-tertiary);max-width:16rem;line-height:1.4}.feedback-status-message.success{color:var(--success)}.feedback-status-message.error{color:#b45309}.feedback-form-footer button:disabled{opacity:.55;cursor:not-allowed}.feedback-form-footer p{display:flex;align-items:flex-start;gap:.55rem;color:var(--text-tertiary);line-height:1.45;font-size:.86rem}.feedback-form-footer p svg{color:var(--success);flex-shrink:0;margin-top:.1rem}.feedback-form-footer button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:999px;background:var(--brand-surface);color:var(--on-brand);padding:.75rem 1rem;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 8px 22px var(--brand-surface-shadow)}.feedback-guidance-card{padding:1.1rem}.feedback-guidance-card>span{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:.8rem;margin-bottom:.85rem;background:color-mix(in srgb,var(--warning) 16%,transparent);color:var(--warning)}.download-page{display:flex;flex-direction:column;gap:1rem}.download-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.85rem;border-radius:1rem;border:1px solid var(--border);background:radial-gradient(circle at top right,color-mix(in srgb,var(--brand-surface) 18%,transparent),transparent 38%),var(--bg-primary);box-shadow:var(--shadow)}.download-hero h1{color:var(--text-primary);font-size:clamp(1.45rem,2.7vw,2.05rem);line-height:1.16;margin-bottom:.7rem}.download-hero p{color:var(--text-tertiary);line-height:1.6;max-width:48rem}.download-hero-card{min-width:220px;padding:1.15rem;border-radius:.95rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);box-shadow:var(--shadow)}.download-hero-card svg{color:var(--accent);font-size:1.35rem;margin-bottom:.9rem}.download-hero-card span{display:block;color:var(--text-tertiary);font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.35rem}.download-hero-card strong{color:var(--text-primary);font-size:1.15rem}.download-dataset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.download-dataset-card,.download-form,.download-assistant-card{border-radius:.9rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.download-dataset-card{padding:0;overflow:hidden}.download-dataset-card>button{display:block;width:100%;height:100%;padding:1.05rem;border:none;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer}.download-dataset-card.selected{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),var(--shadow)}.download-dataset-card>button>span,.download-dataset-card>span{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:.7rem;margin-bottom:.75rem;background:color-mix(in srgb,var(--brand-surface) 14%,transparent);color:var(--accent)}.download-dataset-card h2{color:var(--text-primary);font-size:1rem;margin-bottom:.45rem}.download-dataset-card p{color:var(--text-tertiary);line-height:1.55;font-size:.9rem}.download-workspace{display:block}.download-form{padding:1.25rem}.download-form-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.download-form-header h2{color:var(--text-primary);font-size:1.35rem;margin-bottom:.45rem}.download-form-header>span{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--brand-surface) 12%,transparent);color:var(--accent);font-size:.78rem;font-weight:800;white-space:nowrap}.download-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.download-form label{color:var(--text-secondary);font-size:.84rem;font-weight:800}.download-form label{display:flex;flex-direction:column;gap:.45rem}.download-form input,.download-form select{width:100%;border:1px solid var(--border);border-radius:.75rem;background:var(--bg-secondary);color:var(--text-primary);font:inherit;font-size:.92rem;padding:.78rem .85rem;outline:none}.download-form input:focus,.download-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.download-availability-card{margin-top:1rem;padding:1rem;border-radius:.9rem;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--brand-surface) 10%,transparent),transparent 72%),var(--bg-secondary)}.download-availability-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.download-availability-header h3{color:var(--text-primary);font-size:1rem;margin-top:.15rem}.download-availability-header strong{color:var(--accent);font-size:.86rem;white-space:nowrap}.download-availability-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.75rem}.download-availability-summary span{padding:.65rem .75rem;border-radius:.7rem;background:var(--bg-primary);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);color:var(--text-secondary);font-size:.85rem;font-weight:800}.download-availability-windows{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.download-availability-windows span{padding:.45rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success);font-size:.8rem;font-weight:800}.download-availability-note{color:var(--text-tertiary);line-height:1.45;font-size:.84rem}.download-availability-note.error{color:var(--text-primary)}.download-form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.download-form-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.download-export-message{font-size:.84rem;color:var(--text-tertiary)}.download-export-message.error{color:#b45309}.download-export-message.success{color:var(--success)}.download-form-footer button:disabled{opacity:.55;cursor:not-allowed}.download-form-footer p{display:flex;align-items:flex-start;gap:.55rem;color:var(--text-tertiary);line-height:1.45;font-size:.86rem}.download-form-footer p svg{color:var(--accent);flex-shrink:0;margin-top:.1rem}.download-form-footer button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:999px;background:var(--brand-surface);color:var(--on-brand);padding:.75rem 1rem;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 8px 22px var(--brand-surface-shadow)}.download-assistant-card{display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 1.2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-surface) 14%,transparent),transparent 68%),var(--bg-primary)}.download-assistant-card>span{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:.8rem;background:color-mix(in srgb,var(--brand-surface) 16%,transparent);color:var(--accent);flex-shrink:0}.download-assistant-card h2{color:var(--text-primary);font-size:1.2rem;margin-bottom:.45rem}.download-assistant-card p{color:var(--text-tertiary);line-height:1.55;font-size:.9rem}.parameter-charts-section{display:flex;flex-direction:column;gap:1rem}.parameter-charts-heading{margin:0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.parameter-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.chart-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.time-range-toggle{display:inline-flex;padding:.25rem;gap:.2rem;border-radius:.75rem;background:var(--bg-secondary);border:1px solid var(--border)}.time-range-toggle button,.chart-action-btn{border:1px solid transparent;border-radius:.6rem;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.82rem;font-weight:700}.time-range-toggle button{padding:.45rem .65rem}.time-range-toggle button.active,.time-range-toggle button:hover,.chart-action-btn:hover{background:var(--brand-surface);color:var(--on-brand)}.chart-action-btn{padding:.55rem .75rem;background:var(--bg-secondary);border-color:var(--border)}.station-details-card{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .75rem;padding:.85rem 1rem;border-radius:.85rem;border:1px solid var(--border);background:var(--bg-primary);box-shadow:var(--shadow)}.station-details-card strong{color:var(--text-primary)}.station-details-card span{color:var(--text-tertiary);font-size:.88rem}.parameter-chart-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.85rem;overflow:hidden}.parameter-chart-card.wide{grid-column:span 2}.parameter-chart-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem .35rem}.parameter-chart-header h3{font-size:.98rem;color:var(--text-primary)}.parameter-chart-header span{display:block;margin-top:.15rem;color:var(--text-tertiary);font-size:.78rem}.parameter-chart-header strong{color:var(--accent);font-size:1.05rem;font-family:var(--font-mono)!important}.parameter-chart-body{height:180px;padding:.35rem .75rem .85rem}.parameter-chart-body.large{height:260px}.chart-empty-state{height:100%;min-height:140px;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;border-radius:.65rem;background:color-mix(in srgb,var(--bg-secondary) 88%,transparent);border:1px dashed color-mix(in srgb,var(--border) 85%,transparent)}.chart-empty-state p{margin:0;color:var(--text-tertiary);font-size:.92rem;line-height:1.45}.gauge-chart-body{height:150px;position:relative;padding:.25rem 1rem 0}.gauge-center-value{position:absolute;left:50%;bottom:.65rem;transform:translate(-50%);text-align:center}.gauge-center-value strong{display:block;color:var(--text-primary);font-size:1.1rem;font-family:var(--font-mono)!important}.gauge-center-value span{color:var(--text-tertiary);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.sparkline-body{height:94px;padding:0 .75rem .85rem}.chart-toggle{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.82rem;font-weight:700;cursor:pointer}.chart-toggle input{accent-color:var(--accent)}.chart-segmented-control{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;border:1px solid var(--border);border-radius:.75rem;background:var(--bg-primary)}.chart-segmented-control button{border:none;border-radius:.55rem;padding:.45rem .65rem;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:700}.chart-segmented-control button:hover,.chart-segmented-control button.active{background:var(--brand-surface);color:var(--on-brand)}.threshold-legend{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;padding:0 1rem .4rem}.threshold-legend span{border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.threshold-legend .normal{color:#047857;background:#10b98124}.threshold-legend .watch{color:#b45309;background:#f59e0b29}.threshold-legend .critical{color:#b91c1c;background:#ef444424}.temperature-scale{display:flex;justify-content:space-between;margin:.1rem 1rem .25rem;padding-top:.5rem;border-top:5px solid transparent;border-image:linear-gradient(90deg,#38bdf8,#22c55e,#f59e0b,#ef4444) 1}.temperature-scale span{color:var(--text-tertiary);font-size:.72rem;font-weight:700}.realtime-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem;border-radius:1rem;background:radial-gradient(circle at top right,color-mix(in srgb,var(--brand-surface) 22%,transparent),transparent 36%),var(--bg-primary);border:1px solid var(--border);box-shadow:var(--shadow)}.page-eyebrow{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem}.realtime-hero h1,.section-heading h2{color:var(--text-primary);line-height:1.15}.realtime-hero h1{font-size:clamp(2rem,4vw,3.25rem);margin-bottom:.7rem}.realtime-hero p,.section-heading p{color:var(--text-tertiary);line-height:1.6;max-width:46rem}.realtime-live-card{min-width:220px;display:flex;align-items:center;gap:.9rem;padding:1rem 1.15rem;border-radius:.85rem;background:linear-gradient(135deg,var(--brand-surface),var(--brand-surface-deep));color:var(--on-brand);box-shadow:0 14px 30px var(--brand-surface-shadow)}.live-status-dot{width:14px;height:14px;border-radius:50%;background:#34d399;box-shadow:0 0 0 7px #34d3992e;flex-shrink:0;position:relative}.live-status-dot:before,.live-status-dot:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1px solid rgba(52,211,153,.55);animation:livePulse 1.8s ease-out infinite}.live-status-dot:after{animation-delay:.9s}.live-status-dot.compact{width:10px;height:10px;box-shadow:0 0 0 5px #34d39929}.live-status-dot.compact:before,.live-status-dot.compact:after{top:-5px;right:-5px;bottom:-5px;left:-5px}@keyframes livePulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.8)}}.realtime-live-card strong{display:block;font-size:1.35rem;font-family:var(--font-mono)!important}.realtime-live-card span:not(.live-status-dot){display:block;color:var(--on-brand-muted);font-size:.85rem;margin-top:.2rem}.realtime-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.realtime-summary-card,.realtime-dam-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:.9rem;box-shadow:var(--shadow)}.realtime-summary-card{padding:1.25rem}.realtime-summary-card span{display:block;color:var(--text-tertiary);font-size:.86rem;margin-bottom:.55rem}.realtime-summary-card strong{display:block;color:var(--text-primary);font-size:1.75rem;line-height:1}.realtime-summary-card p{color:var(--text-tertiary);margin-top:.55rem;font-size:.9rem}.realtime-detail-section{display:flex;flex-direction:column;gap:1rem}.section-heading{background:var(--bg-primary);border:1px solid var(--border);border-radius:.9rem;padding:1.35rem 1.5rem;box-shadow:var(--shadow)}.section-heading h2{font-size:1.5rem;margin-bottom:.45rem}.realtime-dam-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.realtime-dam-card{overflow:hidden}.realtime-dam-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;background:linear-gradient(135deg,var(--brand-surface),var(--brand-surface-deep));color:var(--on-brand)}.realtime-dam-card-header h3{font-size:1.35rem;margin-top:.45rem}.realtime-dam-card-header img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}.dam-status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .55rem;border-radius:999px;background:#ffffff29;color:var(--on-brand);font-size:.78rem;font-weight:700}.dam-status-pill.live{gap:.55rem}.realtime-metric-list{display:grid;gap:.65rem;padding:1rem}.realtime-metric-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.metric-row-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:.7rem;background:color-mix(in srgb,var(--brand-surface) 14%,transparent);color:var(--accent);flex-shrink:0}.realtime-metric-row div{min-width:0}.realtime-metric-row span:not(.metric-row-icon){display:block;color:var(--text-tertiary);font-size:.82rem}.realtime-metric-row strong{display:block;color:var(--text-primary);font-size:1rem;margin-top:.15rem}.placeholder-page{background:var(--bg-primary);border:1px solid var(--border);border-radius:.75rem;padding:2.5rem;box-shadow:var(--shadow)}.placeholder-page h1{font-size:1.75rem;margin-bottom:.75rem}.placeholder-page p{color:var(--text-tertiary);line-height:1.6;max-width:42rem}.placeholder-note{margin-top:1.25rem;padding:.85rem 1rem;background:color-mix(in srgb,var(--brand-surface) 12%,transparent);border-left:3px solid var(--brand-surface);border-radius:.35rem;color:var(--text-secondary)!important}@media(max-width:1100px){.nav-menu{display:none}.mobile-links-dropdown{display:block}.dam-metrics-grid,.dam-metrics-grid.cols-4,.dam-metrics-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.realtime-hero-body{grid-template-columns:1fr}.realtime-secondary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.realtime-secondary-item:last-child:nth-child(odd){grid-column:auto}.water-level-card{min-height:500px}.water-level-card .dam-data-section,.water-level-card .dam-carousel{min-height:440px}.water-level-card .dam-metrics-graph{width:92%;height:350px}.prediction-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.water-level-slide-content{width:92%}.gis-card{min-height:300px}.gis-card .dam-data-section,.gis-card .dam-carousel.gis-carousel{min-height:240px}.gis-slide-content{width:92%}.gis-carousel .dam-metrics-grid,.realtime-dam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.parameter-charts-grid{grid-template-columns:1fr}.parameter-chart-card.wide{grid-column:span 1}.prediction-main-grid{grid-template-columns:1fr}.prediction-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-performance-summary,.forecast-performance-grid{grid-template-columns:1fr}.alarm-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.about-partners-grid{grid-template-columns:1fr}.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sgr-layout{grid-template-columns:1fr}.sgr-detail-panel{position:static;max-height:none;overflow:visible}.sgr-detail-scroll{overflow:visible}.gis-panel{grid-template-columns:1fr}.gis-weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-step-list,.contact-route-grid,.feedback-section{grid-template-columns:1fr}.download-dataset-grid,.alarm-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.main-content,.app-footer{margin-right:0}.right-sidebar{display:block;top:auto;right:1rem;bottom:1rem;width:auto;min-height:0;height:auto;padding:0;overflow:visible;background:transparent;z-index:1200}.assistant-fab{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;border:none;background:var(--brand-surface);color:var(--on-brand);box-shadow:0 10px 28px var(--brand-surface-shadow);cursor:pointer;font-size:1.25rem}.assistant-panel{display:none}.right-sidebar.assistant-mobile-open{left:1rem;right:1rem;bottom:1rem;width:auto}.right-sidebar.assistant-mobile-open .assistant-fab{display:none}.right-sidebar.assistant-mobile-open .assistant-panel{display:flex;height:min(70vh,560px);min-height:420px;max-height:min(70vh,560px);overflow:hidden;border-radius:1rem;box-shadow:0 20px 50px #00000040}.assistant-close{display:flex;align-items:center;justify-content:center;margin-left:auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;flex-shrink:0}.panel-card{flex-direction:column}.panel-card-left{width:100%;padding:1.25rem}.gis-card .panel-card-left{width:100%;justify-content:center;align-items:center;text-align:center}.gis-card .monitoring-header{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.realtime-card .panel-card-left{width:100%;padding:1.25rem}.realtime-card{min-height:450px}.realtime-card .panel-card-right,.realtime-card .dam-data-section.realtime-hero-section{min-height:360px}.realtime-hero-section{padding:1rem 1rem 2.35rem}.realtime-secondary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.realtime-secondary-item:last-child:nth-child(odd){grid-column:1 / -1}.datetime-display{display:flex;align-items:center;justify-content:center;gap:1rem}.white-line{margin:.75rem auto}.water-level-card{min-height:610px}.water-level-card .dam-data-section,.water-level-card .dam-carousel{min-height:470px}.water-level-card .dam-slide{bottom:2rem}.water-level-card .dam-metrics-graph{width:94%;height:390px}.water-level-slide-content{width:94%}.water-level-carousel .dam-title{max-width:100%}.gis-card{min-height:390px}.gis-card .dam-data-section,.gis-card .dam-carousel.gis-carousel{min-height:280px}.gis-carousel .dam-slide{bottom:1.8rem}.gis-slide-content{width:94%}.realtime-hero{flex-direction:column;align-items:stretch}.realtime-live-card{min-width:0}.realtime-summary-grid{grid-template-columns:1fr}.dam-monitor-controls{align-items:stretch}.dam-view-tabs{width:100%}.dam-view-tab{flex:1 1 auto;justify-content:center}}@media(max-width:600px){.auth-page,.auth-card{padding:1rem}.auth-brand{align-items:flex-start;flex-direction:column}.auth-form-grid{grid-template-columns:1fr}.navbar{padding:0 1rem}.logo img{height:28px}.mobile-links-btn .mobile-links-label,.mobile-links-btn .chevron,.user-btn .user-name,.theme-toggle .theme-label{display:none}.theme-toggle{min-width:40px;width:40px;height:38px;padding:0}.main-content{padding:1rem}.right-sidebar{right:.85rem;bottom:.85rem}.assistant-fab{width:54px;height:54px}.right-sidebar.assistant-mobile-open{left:.75rem;right:.75rem;bottom:.75rem}.right-sidebar.assistant-mobile-open .assistant-panel{height:min(74vh,540px);min-height:390px;max-height:min(74vh,540px);overflow:hidden;padding:.85rem}.prediction-summary-cards{grid-template-columns:1fr}.forecast-performance-section,.forecast-performance-card{padding:.85rem}.forecast-performance-chart{height:250px}.alarms-hero,.alarm-section-header,.system-alarm-title-row,.about-hero,.about-closing,.guide-hero,.guide-mobile-card,.profile-hero,.contact-hero,.download-hero{flex-direction:column;align-items:stretch}.guide-hero,.guide-hero-card,.guide-section-header,.guide-card,.guide-step-card,.guide-mobile-card,.profile-hero,.profile-details-card,.contact-hero,.contact-route-card,.feedback-form,.feedback-guidance-card,.download-hero,.download-dataset-card,.download-form,.download-availability-card,.download-assistant-card{padding:.95rem}.guide-card-grid,.guide-step-list,.profile-detail-grid{grid-template-columns:1fr}.profile-status{margin-left:0;align-self:flex-start}.download-assistant-card{flex-direction:column}.guide-hero-card,.contact-hero-card,.download-hero-card{width:100%;min-width:0}.feedback-form-header,.feedback-form-footer,.download-form-header,.download-form-footer{flex-direction:column;align-items:stretch}.feedback-form-grid,.download-form-grid,.download-availability-summary,.download-dataset-grid{grid-template-columns:1fr}.download-availability-header{flex-direction:column}.feedback-form-footer button,.download-form-footer button{width:100%}.about-hero-mark{display:none}.about-capabilities{grid-template-columns:1fr}.alarm-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sgr-hero,.sgr-controls-card{flex-direction:column;align-items:stretch}.sgr-hero-badge{width:100%}.sgr-summary-grid,.sgr-detail-stats{grid-template-columns:1fr}.sgr-filter-tabs{width:100%}.sgr-filter-tabs button{flex:1}.sgr-report-card{grid-template-columns:1fr}.sgr-download-btn{width:100%}.alarm-detail-grid{grid-template-columns:1fr}.alarm-controls-card{align-items:stretch}.alarm-filter-tabs{width:100%}.alarm-filter-tabs button{flex:1}.system-alarm-card{grid-template-columns:1fr}.prediction-chart-card,.prediction-values-card,.prediction-drivers-section,.prediction-overview-card{padding:.85rem}.prediction-timeline-chart{height:260px}.realtime-page,.dam-monitor-page{gap:1rem}.dam-monitor-realtime,.dam-monitor-gis,.dam-monitor-predictions{padding:1rem}.dam-monitor-predictions .dam-metrics-graph{height:250px;min-height:250px}.prediction-overview-card,.prediction-section-header{flex-direction:column}.prediction-horizon-toggle{width:100%}.prediction-horizon-toggle button{flex:1}.prediction-timeline-chart,.driver-impact-chart{height:300px}.realtime-hero,.section-heading{padding:1.15rem;border-radius:.85rem}.realtime-hero h1{font-size:1.85rem}.realtime-dam-grid{grid-template-columns:1fr}.realtime-dam-card-header{padding:1rem}.realtime-dam-card-header img{width:48px;height:48px}.dam-metrics-grid,.dam-metrics-grid.cols-4,.dam-metrics-grid.cols-3{grid-template-columns:1fr 1fr}.dam-title{font-size:1.1rem;padding:.6rem .85rem;max-width:100%}.metric-card{max-width:none;min-height:88px}.realtime-card{min-height:520px}.realtime-card .panel-card-right,.realtime-card .dam-data-section.realtime-hero-section{min-height:400px}.realtime-hero-section{padding:.85rem .85rem 2.5rem}.realtime-hero-value{font-size:2rem}.realtime-dam-tab{padding:.38rem .75rem;font-size:.76rem}.realtime-secondary-strip{grid-template-columns:1fr 1fr}.real-time-controls{top:auto;bottom:2.35rem;transform:none;width:calc(100% - 10px);left:5px}.real-time-controls .carousel-btn{width:34px;height:34px;font-size:1rem}.water-level-card{min-height:660px}.water-level-card .dam-data-section,.water-level-card .dam-carousel{min-height:520px}.water-level-card .dam-slide{padding:.75rem .5rem 2.5rem}.water-level-card .dam-metrics-graph{width:96%;height:440px}.water-level-slide-content{width:96%}.water-level-carousel .dam-title{font-size:1.1rem;padding:.6rem .85rem;max-width:100%}.water-level-carousel .dam-metrics-graph{width:100%;height:440px}.gis-card{min-height:390px}.gis-card .dam-data-section,.gis-card .dam-carousel.gis-carousel{min-height:285px}.gis-carousel .dam-slide{padding:.65rem .75rem 2rem}.gis-slide-content{width:96%}.gis-carousel .dam-title{font-size:1.1rem;padding:.6rem .85rem;max-width:100%}.gis-carousel .dam-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.75rem}.gis-carousel .metric-card{max-width:none;min-height:76px}.prediction-chart-shell{padding:.65rem;gap:.55rem}.prediction-chart-header{flex-direction:column;gap:.45rem}.forecast-badge{align-self:flex-start}.prediction-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.prediction-summary-card{padding:.45rem .5rem}.prediction-summary-card strong{font-size:.9rem}}