/* ImpoBot · tema claro de las herramientas (mismo diseño que la portada y el Panel).
   Se carga DESPUÉS de los estilos propios de cada herramienta y redefine sus variables.
   <html data-ib-tema="clasico|mono|pro"> elige qué juego de variables usa la página. */
:root{--ib-bg:#f3f6fb;--ib-card:#ffffff;--ib-card2:#f8fafc;--ib-border:#dfe6ef;--ib-text:#1f2d3d;--ib-sub:#5f7186;--ib-head:#0f2a44;--ib-blue:#0b82f5;--ib-blue-d:#0a5bc4;--ib-blue-t:#1d4ed8;--ib-blue-soft:#eef5ff}
html[data-ib-tema="clasico"]{--ink:var(--ib-bg);--card:var(--ib-card);--card2:var(--ib-card2);--border:var(--ib-border);--text:var(--ib-text);--sub:var(--ib-sub);--blue-l:var(--ib-blue-t);--cyan:#0891b2;--navy:#ffffff;--navy-l:var(--ib-blue-soft)}
html[data-ib-tema="mono"]{--ink:var(--ib-bg);--navy:#ffffff;--navy-l:var(--ib-blue-soft);--border:var(--ib-border);--text:var(--ib-text);--sub:var(--ib-sub);--card:var(--ib-card);--bg:var(--ib-card2);--cyan:#0891b2;--amber-l:#fef3c7}
html[data-ib-tema="pro"]{--bg:var(--ib-bg);--paper:var(--ib-card);--panel:var(--ib-card);--panel2:var(--ib-card2);--line2:var(--ib-border);--accent-ink:#ffffff;--ok:#047857;--warn:#b45309;--bad:#dc2626;--ok-soft:#d1fae5;--bad-soft:#fee2e2;--ink:var(--ib-text);--muted:var(--ib-sub);--line:var(--ib-border);--accent:#0b82f5;--accent-soft:rgba(11,130,245,.10);--on-accent:#ffffff;--warn-soft:#fef3c7;--neg:#dc2626}
html[data-ib-tema="fal"]{color-scheme:light;--bg:var(--ib-bg);--panel:var(--ib-card);--line:var(--ib-border);--text:var(--ib-text);--muted:var(--ib-sub);--blue:#0b82f5;--green:#047857}
html[data-ib-tema="oscuro"]{color-scheme:light}
html[data-ib-tema] body{background:linear-gradient(180deg,#eaf3ff 0,var(--ib-bg) 300px) var(--ib-bg)!important;color:var(--ib-text)}

/* Encabezado de la herramienta: claro, con la franja azul de la marca */
html[data-ib-tema] .fh-bar{background:#ffffff!important;border-bottom:1px solid var(--ib-border)!important}
html[data-ib-tema] .fh-word,html[data-ib-tema] .fh-title{color:var(--ib-head)!important}
html[data-ib-tema] .fh-word b{color:var(--ib-blue)!important}
html[data-ib-tema] .fh-sep{background:var(--ib-border)!important}
html[data-ib-tema] .fh-chip{background:var(--ib-blue-soft)!important;color:var(--ib-blue-t)!important}
html[data-ib-tema] .fh-strip{background:linear-gradient(90deg,var(--ib-blue-d),var(--ib-blue))!important}

/* Textos que estaban en blanco fijo (sobre fondo oscuro) pasan al color de títulos.
   No toca botones con fondo de color ni el recibo imprimible. */
html[data-ib-tema] [style*="color:#fff"]:not([style*="gradient"]):not([style*="background:#0"]):not([style*="background:var(--blue"]):not(button):not(.btn):not(a.btn){color:var(--ib-head)!important}

/* Campos */
html[data-ib-tema] input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-ib-tema] select,html[data-ib-tema] textarea{background-color:var(--ib-card2);color:var(--ib-text);border-color:var(--ib-border)}
html[data-ib-tema] input:focus,html[data-ib-tema] select:focus,html[data-ib-tema] textarea:focus{border-color:var(--ib-blue)!important;box-shadow:0 0 0 3px rgba(11,130,245,.12)}
html[data-ib-tema] ::placeholder{color:#94a3b8}

/* ── Menú lateral (lo agrega ib-menu.js) ── */
.ib-tside{position:fixed;left:0;top:0;bottom:0;width:248px;background:linear-gradient(180deg,#0a5bc4 0%,#0b82f5 100%);color:#fff;padding:18px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;z-index:600;box-shadow:2px 0 12px rgba(11,90,196,.18);font-family:'Inter',system-ui,sans-serif;font-size:14px;line-height:1.35}
.ib-tside *{box-sizing:border-box}
.ib-tside a{text-decoration:none}
.ib-tside .ib-brand{display:flex;align-items:center;gap:10px;color:#fff;padding:4px 10px 16px}
.ib-tside .ib-brand img{border-radius:50%;background:#fff;flex:none;width:48px;height:48px;padding:2px;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.ib-tside .ib-brand b{font-size:1.1rem;font-weight:900;letter-spacing:-.03em;display:block}
.ib-tside .ib-brand small{display:block;font-size:.66rem;color:rgba(255,255,255,.72);font-weight:500}
.ib-tside .ib-nav{display:block;padding:8px 12px;border-radius:8px;font-size:.84rem;font-weight:600;color:rgba(255,255,255,.9)}
.ib-tside .ib-nav:hover{background:rgba(255,255,255,.14);color:#fff}
.ib-tside .ib-grupo{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.65);padding:14px 12px 4px}
.ib-tside .ib-cat summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:8px;font-size:.84rem;font-weight:600;color:rgba(255,255,255,.9);cursor:pointer}
.ib-tside .ib-cat summary::-webkit-details-marker{display:none}
.ib-tside .ib-cat summary:hover,.ib-tside .ib-cat[open] summary{background:rgba(255,255,255,.14);color:#fff}
.ib-tside .ib-n{font-size:.68rem;font-weight:700;opacity:.75}
.ib-tside .ib-sub{display:flex;flex-direction:column;margin:2px 0 6px 14px;padding-left:10px;border-left:2px solid rgba(255,255,255,.25)}
.ib-tside .ib-t{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:rgba(255,255,255,.88);font-size:.8rem;font-weight:500;padding:6px 8px;border-radius:7px}
.ib-tside .ib-t:hover{background:rgba(255,255,255,.14);color:#fff}
.ib-tside .ib-t.on{background:#fff;color:#0a5bc4;font-weight:700}
.ib-tside .ib-pro,.ib-tside .ib-new{font-size:.56rem;font-weight:800;text-transform:uppercase;border-radius:999px;padding:1px 6px}
.ib-tside .ib-pro{background:rgba(255,255,255,.2)}
.ib-tside .ib-t.on .ib-pro{background:#fef3c7;color:#b45309}
.ib-tside .ib-new{background:#fde68a;color:#7c4a03}
.ib-tside .ib-pie{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:2px}
body.ib-con-menu{padding-left:248px}
.ib-tmenu-btn{display:none}
.ib-tvelo{position:fixed;inset:0;background:rgba(15,30,50,.4);z-index:590}
@media(max-width:900px){
  body.ib-con-menu{padding-left:0}
  .ib-tside{transform:translateX(-105%);transition:transform .2s ease}
  .ib-tside.abierto{transform:none}
  .ib-tmenu-btn{display:inline-flex;align-items:center;gap:4px;background:var(--ib-blue-soft);color:var(--ib-blue-t);border:0;border-radius:8px;padding:5px 9px;font:700 .76rem 'Inter',sans-serif;cursor:pointer;flex:none}
}
@media print{.ib-tside,.ib-tvelo,.ib-tmenu-btn{display:none!important}body.ib-con-menu{padding-left:0!important}}
@media(prefers-reduced-motion:reduce){.ib-tside{transition:none}}
/* El cartel "Prueba gratis" de pro.js no queda debajo del menú */
body.ib-con-menu .ipro-badge{left:262px}
@media(max-width:900px){body.ib-con-menu .ipro-badge{left:14px}}

/* Herramientas que ya eran claras (impo-tool.css): encabezado blanco y franja azul */
html[data-ib-tema="claro"] .fh-head{background:#ffffff!important;color:var(--ib-head)!important;border-bottom:1px solid var(--ib-border)}
html[data-ib-tema="claro"] .fh-bar a.back{color:var(--ib-blue-t)!important}
html[data-ib-tema="claro"] .fh-sub{color:var(--ib-sub)!important}
html[data-ib-tema="claro"] .fh-badge{background:#d1fae5!important;border-color:#a7f3d0!important;color:#047857!important}
html[data-ib-tema="claro"] .fh-badge.pro{background:#fef3c7!important;border-color:#fde68a!important;color:#b45309!important}
html[data-ib-tema="claro"] .fh-strip{background:linear-gradient(90deg,var(--ib-blue-d),var(--ib-blue))!important;border-top:0!important}
html[data-ib-tema="claro"] .fh-strip-inner,html[data-ib-tema="claro"] .fh-strip-inner a{color:#eaf3ff!important}
/* Barras fijas arriba de algunas herramientas: empiezan después del menú */
@media(min-width:901px){body.ib-con-menu>div[style*="position:fixed;top:0;left:0"],body.ib-con-menu .topnav{left:248px!important}}
/* Ganancias 4ª: lista de empleados */
html[data-ib-tema="claro"]{--sidebar:#ffffff;--sidebar-l:#eef5ff;--sidebar-b:#dfe6ef}
/* Selector Gratis | Pro y los dos juegos de temas */
.ib-tside .ib-switch{display:flex;background:rgba(255,255,255,.14);border-radius:10px;padding:3px;margin:2px 0 6px}
.ib-tside .ib-switch a{flex:1;text-align:center;padding:7px 8px;border-radius:8px;font-size:.8rem;font-weight:800;color:rgba(255,255,255,.85)}
.ib-tside .ib-switch a:hover{color:#fff}
.ib-tside[data-set="gratis"] .ib-switch a[data-s="gratis"],.ib-tside[data-set="pro"] .ib-switch a[data-s="pro"]{background:#fff;color:#0a5bc4;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.ib-tside[data-set="pro"] .ib-switch a[data-s="pro"]{color:#b45309}
.ib-tside .ib-set{display:none}
.ib-tside[data-set="gratis"] .ib-set[data-set="gratis"],.ib-tside[data-set="pro"] .ib-set[data-set="pro"]{display:block}