@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Sora:wght@300;400;500;600;700&family=Unbounded:wght@400;600;700&display=swap');
:root{--trp-bg:#0a0612;--trp-surface:#150b26;--trp-surface-2:#1e1035;--trp-line:#33204f;--trp-violet:#7c3aed;--trp-pink:#ec4899;--trp-text:#f5eefb;--trp-dim:#b8a8cc;--trp-ok:#34d399}
.module-bar{position:fixed;top:12px;left:14px;z-index:5000;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(236,72,153,.35);border-radius:999px;background:rgba(10,6,18,.86);box-shadow:0 8px 28px rgba(0,0,0,.28);font:500 10px var(--trp-mono,'JetBrains Mono',monospace);color:var(--trp-dim);backdrop-filter:blur(12px)}.module-bar a{color:#f472b6;text-decoration:none}.module-bar a:hover{color:#fff}.module-bar .module-separator{color:#7a6890}.module-bar .module-name{color:var(--trp-text)}
/* Radar OHMC */
#topbar{background:rgba(10,6,18,.9)!important;border-bottom-color:var(--trp-line)!important}#topbar h1{color:#f472b6!important}#topbar h1 span{color:var(--trp-dim)!important}.tb-group,#sidepanel,#legend,#timebar,#acp-badge{background:rgba(21,11,38,.94)!important;border-color:var(--trp-line)!important}.tb-group label,#sidepanel h2,.small-note,#frame-label,#legend-ticks{color:var(--trp-dim)!important}button{border-color:var(--trp-line)!important;background:#1e1035!important;color:var(--trp-text)!important}button:hover{background:#2c164b!important}button.primary{background:linear-gradient(135deg,var(--trp-violet),var(--trp-pink))!important;border-color:transparent!important;color:#fff!important}#toggle-sidepanel{background:var(--trp-pink)!important;border-color:transparent!important;color:#fff!important}.radar-item .dot.active{background:var(--trp-ok)!important;box-shadow:0 0 6px var(--trp-ok)!important}#legend-title,.acp-popup-link{color:#f472b6!important}#map .leaflet-container{background:#3d3d3d!important}
/* INTRAMET editor */
body:has(.canvas-area){background:radial-gradient(ellipse 800px 500px at 20% -10%,rgba(124,58,237,.3),transparent 60%),var(--trp-bg)!important;color:var(--trp-text)!important;font-family:'Sora',sans-serif!important}.canvas-area,.tool-panel{background:var(--trp-surface)!important;border-color:var(--trp-line)!important}.header{background:linear-gradient(135deg,#150b26,#3b155f)!important;border-bottom-color:var(--trp-pink)!important}.header-content h1,.canvas-header h3,.panel-section h3{color:var(--trp-text)!important}.subtitle,.canvas-info,#hintBar,.panel-section label{color:var(--trp-dim)!important}.toolbar{background:#10081c!important;border-bottom-color:var(--trp-line)!important}.tool{color:var(--trp-dim)!important}.tool:hover{background:rgba(236,72,153,.12)!important;color:var(--trp-text)!important}.tool.active{background:var(--trp-pink)!important;color:#fff!important}.hbtn{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.24)!important}.hbtn-accent{background:linear-gradient(135deg,var(--trp-violet),var(--trp-pink))!important;border-color:transparent!important}.panel-section{border-bottom-color:var(--trp-line)!important}.alert-btn{background:var(--trp-surface-2)!important;border-color:var(--trp-line)!important;color:var(--trp-text)!important}.alert-btn:hover,.alert-btn.active{background:rgba(236,72,153,.16)!important;border-color:var(--trp-pink)!important}.canvas-wrapper{background:#090511!important;border-color:var(--trp-line)!important}.drop-zone{border-color:var(--trp-line)!important;color:var(--trp-dim)!important}.drop-zone:hover,.drop-zone.active{border-color:var(--trp-pink)!important;color:var(--trp-pink-soft)!important}
/* WRF */
body:has(.app-shell){background:radial-gradient(ellipse 800px 500px at 20% -10%,rgba(124,58,237,.3),transparent 60%),var(--trp-bg)!important;color:var(--trp-text)!important;font-family:'Sora',sans-serif!important}.app-shell{background:transparent!important}.sidebar{background:rgba(21,11,38,.95)!important;border-right-color:var(--trp-line)!important}.sidebar-brand h1{font-family:'Unbounded',sans-serif!important;color:var(--trp-text)!important}.sidebar-brand p,.sidebar-label,.adv-status,.sidebar-footer .dim{color:var(--trp-dim)!important}.select-blue,.sidebar input,.btn-ghost-sm,.btn-ghost,.tbtn,.compare-label select{background:var(--trp-surface-2)!important;border-color:var(--trp-line)!important;color:var(--trp-text)!important}.btn-ghost:hover,.tbtn:hover{background:#2c164b!important}.viewer-frame,.compare-frame,.controls-bar,.advanced-panel{background:rgba(21,11,38,.84)!important;border-color:var(--trp-line)!important}.main-toolbar{border-bottom-color:var(--trp-line)!important}.viewer-empty-inner{color:var(--trp-dim)!important}.panel-tag{background:var(--trp-pink)!important}.scrub-ramp{background:linear-gradient(90deg,var(--trp-violet),var(--trp-pink),#fbbf24)!important}
/* MCD */
body:has(#app){background:var(--trp-bg)!important;color:var(--trp-text)!important;font-family:'Sora',sans-serif!important}#app #toolbar{background:rgba(21,11,38,.96)!important;border-bottom-color:var(--trp-line)!important}#app .toolbar-title{color:#f472b6!important;font-family:'Unbounded',sans-serif!important;font-size:12px!important}#app #sidebar,#app .panel,#app .panel-section{background:var(--trp-surface)!important;border-color:var(--trp-line)!important;color:var(--trp-text)!important}#app button,#app select,#app input,#app textarea{background:var(--trp-surface-2)!important;border-color:var(--trp-line)!important;color:var(--trp-text)!important}#app button:hover{background:#2c164b!important}.leaflet-container{background:var(--trp-bg)!important}
@media(max-width:720px){.module-bar{top:8px;left:8px;font-size:9px}.module-bar .module-context{display:none}}

/* Elementos temporales y controles de los visores. */
.module-bar.transient-bar{animation:moduleBarFade 1.2s ease 1s forwards}
@keyframes moduleBarFade{0%,55%{opacity:1;filter:none;transform:translateY(0)}100%{opacity:0;filter:blur(4px);transform:translateY(-6px);pointer-events:none}}
.module-bar.intramet-bar{animation:intrametBarFade 1.1s ease 3s forwards}
@keyframes intrametBarFade{0%,62%{opacity:1;filter:none;transform:translateY(0)}100%{opacity:0;filter:blur(4px);transform:translateY(-6px);pointer-events:none}}
.run-summary{display:grid;gap:4px;padding:11px 14px;border:1px solid var(--trp-line);border-radius:9px;background:var(--trp-surface-2);color:var(--trp-text);font-size:13px}.run-summary span{color:var(--trp-dim);font-size:11px}
select.select-blue,select.select-blue option,#zoomSelect,#zoomSelect option{background-color:#1e1035!important;color:#fff!important;color-scheme:dark}
.wrf-update-note{margin:0;color:var(--trp-text)!important;line-height:1.55}.wrf-update-note span,.wrf-update-note small{color:var(--trp-dim)!important}.wrf-update-note small{font-size:10px}
.back-link{margin-right:auto;color:var(--trp-pink-soft)!important}
.public-video-note{color:var(--trp-dim);font-size:10px;font-family:'JetBrains Mono',monospace;text-align:right}
.variable-toast{transition:opacity .6s ease,transform .6s ease}.variable-toast:not(.show){transition-delay:0s}
.acp-panel .select-input,.acp-panel .text-input,.acp-panel .acp-clock{width:100%;background:var(--trp-surface-2)!important;border:1px solid var(--trp-line)!important;color:var(--trp-text)!important;border-radius:7px;padding:.55rem .65rem;font:400 12px 'Sora',sans-serif}.acp-panel .field-label{display:block;margin-top:.65rem;margin-bottom:.3rem;color:var(--trp-dim)!important;font-size:10px}.acp-panel h3{color:var(--trp-text)!important}.acp-choice-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:.65rem;color:var(--trp-dim);font-size:11px}.acp-choice-row>span{min-width:100px;color:var(--trp-text);font-weight:700}.acp-choice-row label{display:inline-flex;align-items:center;gap:4px;color:var(--trp-dim)}.acp-choice-row input{accent-color:var(--trp-pink)}.acp-clock{display:block;min-height:31px}

/* Leyenda COLMAX: flotante y desplazable. */
#legend.floating-legend{z-index:1600;cursor:default;min-width:178px;box-shadow:0 12px 30px rgba(0,0,0,.4)!important}
.floating-legend-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;color:var(--trp-dim);font:500 9px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;cursor:move;user-select:none}
#legend-drag-handle{padding:2px 6px!important;border:1px solid var(--trp-line)!important;border-radius:5px!important;color:var(--trp-pink-soft)!important;font-size:12px;line-height:1;cursor:move}
#legend.is-dragging{opacity:.88;cursor:grabbing}
@media(prefers-reduced-motion:reduce){.module-bar.transient-bar{animation:none;opacity:0}}