/* IUDEX MG · Tema moderno con la paleta oficial. Para quitarlo: borra la línea <link ... tema-moderno.css> del index.html */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;1,400&family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{
  --verde-marca:#11AD04; --petroleo:#1B2B33; --superficie:#243842; --separador:#344A54;
  --linea-clara:#E1E5E7; --verde-tinte:#E8F5E5; --texto-apagado:#6E7478;
  --green:#11AD04; --green-dark:#0C8103; --green-light:#E8F5E5;
  --navy:#1B2B33; --navy2:#243842; --sidebar:#1B2B33; --sidebar2:#243842;
  --bg:#FAFAFA; --bg2:#FFFFFF; --border:#E1E5E7; --border2:#CDD3D6;
  --text:#111111; --text2:#464646; --text3:#6E7478;
  --red:#C62828; --amber:#9A5B00;
  --shadow:0 1px 2px rgba(27,43,51,.05),0 2px 8px rgba(27,43,51,.04);
  --shadow2:0 16px 40px -12px rgba(27,43,51,.22);
}
body{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-weight:500;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% 0%,#FAFAFA 40%,#EEF0F1 100%) fixed}
.main,.content{background:transparent}
/* Menú lateral: petróleo */
.sidebar{background:var(--petroleo)!important;border-right:0}
.logo{border-bottom:0!important;padding:24px 20px 12px}
.ni{color:#C8D2D6;margin:2px 12px;padding:10px 14px;border-radius:999px;border-left:0!important;font-size:13px;font-weight:600}
.ni svg{opacity:.8}
.ni:hover{background:var(--superficie);color:#fff}
.ni.active{background:var(--verde-marca);color:#fff}
.ni.active svg{opacity:1;stroke:#fff}
.nav-sec{color:#8FA0A8!important;font-size:10px;letter-spacing:.12em;padding:18px 24px 6px;font-weight:700}
.esp-sw{border-bottom:0!important;padding:6px 14px 12px!important}
.esp-btn{background:var(--superficie)!important;color:#C8D2D6!important;border-radius:999px!important;font-weight:700;padding:8px 4px}
.esp-btn.on{background:var(--verde-marca)!important;color:#fff!important}
.esp-btn.abierta:not(.on){color:#7FE06F!important}
.sidebar>div{border-bottom-color:transparent!important}
.sidebar div[onclick="abrirBusquedaGlobal()"]{background:var(--superficie)!important;border-radius:999px!important;padding:9px 14px!important}
.sidebar div[onclick="abrirBusquedaGlobal()"] span{color:#C8D2D6!important}
/* Barra superior */
.topbar{background:rgba(250,250,250,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea-clara);padding:14px 28px;min-height:68px;position:sticky;top:0;z-index:5}
.topbar-title{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--petroleo)}
/* Campos */
.sb,.fi,select,input[type=text],input[type=search],input[type=date],input[type=number],input[type=email],input[type=tel],textarea{border-radius:999px!important;border:1px solid var(--border2)!important;background:#fff!important;padding:10px 16px;font-size:13px;font-family:inherit;font-weight:500;color:var(--text);transition:border-color .15s,box-shadow .15s}
textarea.fi,textarea{border-radius:18px!important}
.sb:focus,.fi:focus,select:focus,input:focus,textarea:focus{border-color:var(--verde-marca)!important;box-shadow:0 0 0 4px rgba(17,173,4,.14)!important;outline:none}
/* Botones: píldora */
.btn{border-radius:999px;padding:9px 18px;font-size:12px;font-weight:700;font-family:inherit;background:#fff;border:1px solid var(--border2);color:var(--petroleo);transition:all .15s}
.btn:hover{background:var(--verde-tinte);border-color:var(--verde-marca);color:var(--petroleo)}
.bp{background:var(--verde-marca)!important;color:#fff!important;border-color:var(--verde-marca)!important;box-shadow:0 6px 16px -8px rgba(17,173,4,.8)}
.bp:hover{background:#0E9703!important;border-color:#0E9703!important}
.bs,.bg{background:#fff}
.ba{color:var(--red)}
/* Cifras */
.dash{background:transparent;border:0;padding:22px 28px 4px;gap:16px}
.dc{background:#fff;border:1px solid var(--linea-clara);border-radius:24px;padding:20px 22px;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.dc:hover{transform:translateY(-2px);box-shadow:var(--shadow2)}
.dc .v{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--petroleo)}
.dc .l{font-size:12px;font-weight:600;color:var(--texto-apagado);margin-top:6px}
.dc.gv{background:var(--verde-tinte);border-color:#CFE9CA}.dc.gv .v{color:var(--green-dark)}
/* Tablas */
.tw{border-radius:24px;border:1px solid var(--linea-clara);box-shadow:var(--shadow);margin:16px 0}
.content{padding:8px 28px 28px!important}
th{background:#F4F6F7;padding:14px 18px;font-size:10.5px;letter-spacing:.09em;color:var(--texto-apagado);font-weight:700;border-bottom:1px solid var(--linea-clara)}
td{padding:16px 18px;font-size:13px;border-bottom:1px solid #EEF0F1}
.pr:hover,tbody tr:hover{background:var(--verde-tinte)}
.en{font-family:'Montserrat',monospace;font-weight:800;color:var(--petroleo)}
.cn{font-weight:700;color:var(--text)}
.badge,.chip{border-radius:999px!important;font-weight:700}
.pago-al{color:var(--green-dark);font-weight:700}.pago-pend{color:var(--red);font-weight:700}
/* Ventanas */
.mb{background:rgba(27,43,51,.55);backdrop-filter:blur(6px)}
.mo{border-radius:28px;border:0;box-shadow:0 30px 80px -20px rgba(27,43,51,.55);padding:30px}
.mt{font-size:20px;font-weight:800;letter-spacing:-.02em;border-bottom:0;padding-bottom:6px;color:var(--petroleo)}
/* Panel de casos: sin azul corporativo */
.pn h1,.d30-hello{font-weight:800;letter-spacing:-.03em;color:var(--petroleo)}
.pn-tile{border-radius:24px}
.pn-tile.azul{background:var(--petroleo)}.pn-tile.gris{background:var(--texto-apagado)}.pn-tile.verde{background:var(--verde-marca)}
.pn-card{border-radius:24px}
.pn-seg{border-radius:999px}.pn-seg button{border-radius:999px}.pn-seg button.on{background:var(--petroleo)}
.pn-link{border-radius:999px}
/* Avisos amarillos: tono neutro cálido, sin dorado fuerte */
[style*="background:#FFF8E6"],[style*="background:#fff8e1"],[style*="background:#FFF3C4"],[style*="background:#fff3c4"]{border-radius:20px!important}
.d30-hello span{color:var(--verde-marca)}
.pn-fecha,.d30-date{font-family:'EB Garamond',serif;font-style:italic;text-transform:none;letter-spacing:0;font-size:15px;font-weight:400}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#CDD3D6;border-radius:10px;border:3px solid transparent;background-clip:content-box}
/* Montserrat es más ancho: ajustes para que el menú no parta los nombres */
.sidebar{width:228px;min-width:228px}.main{width:calc(100% - 228px)}
.ni{font-size:12px;padding:9px 12px;white-space:nowrap;letter-spacing:-.01em}
.esp-btn{font-size:10.5px}
td,th{font-family:inherit}
@media(max-width:700px){.sidebar{width:auto;min-width:0}.main{width:100%}}
/* Móvil: misma paleta (sin azul corporativo) */
:root{--azul:#1B2B33;--verde:#11AD04}
.mv-tile.azul{background:#1B2B33}
.mv-btn:not(.ghost),.mv-plus{background:#11AD04}