:root{--mimo-v6112-navy:#102238;--mimo-v6112-navy2:#173a61;--mimo-v6112-gold:#d7ad61}
.mimo-v6112-runtime-banner{margin:10px 0;padding:10px 12px;border:1px solid #d6e0ea;border-radius:10px;background:#eef5fb;color:#173a61;font:700 12px/1.35 Inter,system-ui,sans-serif}.mimo-v6112-runtime-banner.warn{background:#fff8e7;border-color:#ead7aa;color:#765414}.mimo-v6112-runtime-banner.error{background:#fff0ef;border-color:#efc4bf;color:#9a3329}
.mimo-v6112-modal{position:fixed;inset:0;z-index:2147482000;background:rgba(8,20,34,.58);display:grid;place-items:center;padding:20px}.mimo-v6112-modal-card{width:min(620px,95vw);max-height:min(760px,90vh);background:#fff;border-radius:16px;box-shadow:0 25px 90px rgba(0,0,0,.28);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:#17263a}.mimo-v6112-modal-card.small{width:min(520px,95vw)}.mimo-v6112-modal .head,.mimo-v6112-modal .foot{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e3e9ef}.mimo-v6112-modal .foot{border-top:1px solid #e3e9ef;border-bottom:0;justify-content:flex-end}.mimo-v6112-modal .head strong{font-size:14px}.mimo-v6112-modal button{border:1px solid #d5dee8;background:#fff;color:#17263a;padding:8px 12px;border-radius:9px;font-weight:800;cursor:pointer}.mimo-v6112-modal button.primary{background:#173a61;color:#fff;border-color:#173a61}.mimo-v6112-modal button:disabled{opacity:.5;cursor:not-allowed}.mimo-v6112-modal .body{padding:14px;overflow:auto}.mimo-v6112-direct-list{display:grid;border:1px solid #e4e9ef;border-radius:11px;overflow:hidden}.mimo-v6112-direct-list label{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf1f4;cursor:pointer}.mimo-v6112-direct-list label:last-child{border-bottom:0}.mimo-v6112-direct-list label:hover{background:#f5f8fb}.mimo-v6112-direct-list span{display:grid}.mimo-v6112-direct-list b{font-size:12px}.mimo-v6112-direct-list small{color:#738196;font-size:10px}.mimo-v6112-state{padding:10px;color:#6f7e91;font-size:11px}.mimo-v6112-state.error{color:#a33}.mimo-v6112-state.ok{color:#176149}.mimo-v6112-modal .form{display:grid;gap:10px}.mimo-v6112-modal .form label{font-size:11px;font-weight:800;display:grid;gap:5px}.mimo-v6112-modal .form input{border:1px solid #d5dee8;border-radius:9px;padding:9px 10px}.mimo-v6112-modal .form label.check{display:flex;align-items:center;gap:8px}.mimo-v6112-admin-password-btn{margin-left:10px;border:1px solid #cdd8e4;background:#fff;color:#173a61;border-radius:9px;padding:8px 11px;font-weight:800;font-size:11px}
/* Dark mode: one coherent palette. MIMO_V6870: ya no con colores a fuego sino con
   los tokens semanticos de mimo_ui_system_v6870.css (misma paleta que tenia), y
   cada regla lee una variable --ui-* que el componente puede declarar para su
   pareja fondo+texto+borde. Sin eso, un boton seleccionado no podia ser azul en oscuro. */
html[data-theme="dark"],html[data-theme-mode="dark"]{color-scheme:dark;--mimo-bg:var(--bg-app)!important;--mimo-bg-soft:var(--bg-muted)!important;--mimo-surface:var(--bg-surface)!important;--mimo-surface-2:var(--bg-surface-raised)!important;--mimo-text:var(--text-primary)!important;--mimo-muted:var(--text-secondary)!important;--mimo-border:var(--border-subtle)!important;--mimo-nav:#0d1d31!important}
html[data-theme="dark"] body,html[data-theme-mode="dark"] body,body[data-theme="dark"]{background:var(--bg-app)!important;color:var(--text-primary)!important}
html[data-theme="dark"] :where(main,.content,.page-content,.mimo-page,[class*="workspace"],[class*="content-shell"]),html[data-theme-mode="dark"] :where(main,.content,.page-content,.mimo-page,[class*="workspace"],[class*="content-shell"]){color:var(--text-primary)}
html[data-theme="dark"] :where(.card,.panel,.mimo-card,[class*="-card"],[class*="panel"],[class*="summary"],[class*="section"]):not(.mimo-client-hero):not([style*="background-image"]),html[data-theme-mode="dark"] :where(.card,.panel,.mimo-card,[class*="-card"],[class*="panel"],[class*="summary"],[class*="section"]):not(.mimo-client-hero):not([style*="background-image"]){background-color:var(--ui-surface,var(--bg-surface))!important;border-color:var(--ui-border,var(--border-subtle))!important;color:var(--ui-fg,var(--text-primary))!important}
html[data-theme="dark"] :where(h1,h2,h3,h4,h5,h6,strong,label,legend,th,.title,[class*="title"]),html[data-theme-mode="dark"] :where(h1,h2,h3,h4,h5,h6,strong,label,legend,th,.title,[class*="title"]){color:var(--ui-fg,var(--text-primary))!important}
html[data-theme="dark"] :where(p,small,.muted,.text-muted,[class*="subtitle"],[class*="description"],[class*="hint"]),html[data-theme-mode="dark"] :where(p,small,.muted,.text-muted,[class*="subtitle"],[class*="description"],[class*="hint"]){color:var(--ui-fg-muted,var(--text-secondary))!important}
html[data-theme="dark"] :where(input,select,textarea),html[data-theme-mode="dark"] :where(input,select,textarea){background:var(--ui-input-bg,var(--bg-muted))!important;border-color:var(--ui-input-border,var(--border-strong))!important;color:var(--text-primary)!important;box-shadow:var(--ui-input-shadow,none)!important}html[data-theme="dark"] :where(input,textarea)::placeholder,html[data-theme-mode="dark"] :where(input,textarea)::placeholder{color:var(--text-muted)!important}
html[data-theme="dark"] :where(table,thead,tbody,tr,td,th),html[data-theme-mode="dark"] :where(table,thead,tbody,tr,td,th){border-color:var(--border-subtle)!important}html[data-theme="dark"] :where(thead,th),html[data-theme-mode="dark"] :where(thead,th){background:var(--bg-surface-raised)!important}html[data-theme="dark"] :where(td),html[data-theme-mode="dark"] :where(td){background:var(--ui-surface,var(--bg-surface))!important;color:var(--ui-fg,var(--text-primary))!important}
html[data-theme="dark"] :where(button,.btn,[role="button"]):not(.btn-primary):not([class*="primary"]),html[data-theme-mode="dark"] :where(button,.btn,[role="button"]):not(.btn-primary):not([class*="primary"]){background:var(--ui-btn-bg,var(--bg-surface-raised))!important;border-color:var(--ui-btn-border,var(--border-strong))!important;color:var(--ui-btn-fg,var(--text-primary))!important}html[data-theme="dark"] :where(a),html[data-theme-mode="dark"] :where(a){color:#b9d5ff}
/* MIMO_V6870: sin [class*="topbar"]: pintaba de marino cada pieza de la barra (el nombre del usuario salia en un bloque oscuro). La barra ya es oscura; sus piezas son transparentes. */
html[data-theme="dark"] :where(.topbar,header[class*="top"],aside,[class*="sidebar"]),html[data-theme-mode="dark"] :where(.topbar,header[class*="top"],aside,[class*="sidebar"]){background:#0d1d31!important;color:#f4f7fb!important;border-color:#2d425a!important}
html[data-theme="dark"] :where([class*="user"],[class*="account"])[class*="pill"],html[data-theme-mode="dark"] :where([class*="user"],[class*="account"])[class*="pill"]{background:#17304d!important;color:#fff!important;border-color:#d7ad61!important}
html[data-theme="dark"] .mimo-v6112-settings :where(.mimo-settings-hero,[class*="settings-hero"],section:first-of-type),html[data-theme-mode="dark"] .mimo-v6112-settings :where(.mimo-settings-hero,[class*="settings-hero"],section:first-of-type){background:#14243a!important;color:#f4f7fb!important;border-color:#344a64!important}.mimo-v6112-settings :where(h1,h2,p,label,strong){text-shadow:none!important}
html[data-theme="dark"] .mimo-v6112-modal-card,html[data-theme-mode="dark"] .mimo-v6112-modal-card{background:#14243a;color:#f4f7fb;border:1px solid #344a64}.mimo-v6112-dark-professional [style*="color: rgb(255, 255, 255)"]{text-shadow:0 1px 1px rgba(0,0,0,.25)}
@media(max-width:760px){.mimo-v6112-modal{padding:8px}.mimo-v6112-modal-card{max-height:96vh}.mimo-v6112-admin-password-btn{display:block;margin:8px 0 0}}