/* ============================================================
   IAlgo+ CRM · Hoja maestra del rediseño (lenguaje de la web)
   Se carga la ÚLTIMA (body.end) para prevalecer sobre las capas
   antiguas. Prefijo html body en lo crítico para ganar specificity.
   Azul #0A66F0 · violeta #6C5CE7 solo para IA · Plus Jakarta + Inter.
   ============================================================ */
:root{
  --iq-blue:#0A66F0; --iq-blue-d:#0850C4; --iq-cy:#00B4FF; --iq-vi:#6C5CE7;
  --iq-ink:#0A1224; --iq-ink2:#39415A; --iq-mut:#697089;
  --iq-bg:#FBFBFD; --iq-panel:#FFFFFF; --iq-soft:#F3F5F9;
  --iq-line:rgba(10,18,36,.10); --iq-line2:rgba(10,18,36,.06);
  --iq-ease:cubic-bezier(.23,1,.32,1);
  --iq-disp:'Plus Jakarta Sans','Inter',ui-sans-serif,system-ui,sans-serif;
}

/* ---------- Tipografía ---------- */
html body .fi-header-heading,
html body .fi-section-header-heading,
html body .fi-modal-heading,
html body .fi-wi-stats-overview-stat-value,
html body .fi-ta-empty-state-heading{
  font-family:var(--iq-disp) !important;
  letter-spacing:-.02em !important;
  color:var(--iq-ink) !important;
}
html body .fi-header-heading{font-weight:800 !important;}

/* ---------- Fondo general un pelín más suave ---------- */
html:not(.dark) body .fi-main-ctn{background:var(--iq-bg) !important;}

/* ---------- Botones: sistema de la web ---------- */
html body .fi-btn{
  border-radius:11px !important;
  font-weight:600 !important;
  transition:transform .16s var(--iq-ease),box-shadow .22s var(--iq-ease),background .18s ease,border-color .18s ease !important;
  will-change:transform;
}
/* Primario sólido azul (mata el degradado antiguo) */
html body .fi-btn.fi-color-primary,
html body .fi-ac-btn-action.fi-color-primary,
html body .fi-btn-color-primary{
  background:var(--iq-blue) !important;
  background-image:none !important;
  color:#fff !important;
  border:1px solid transparent !important;
  box-shadow:0 1px 2px rgba(10,102,240,.28),0 8px 20px -10px rgba(10,102,240,.55) !important;
}
html body .fi-btn.fi-color-primary svg,
html body .fi-btn.fi-color-primary .fi-btn-icon,
html body .fi-btn.fi-color-primary .fi-btn-label{color:#fff !important;fill:none !important;}
@media (hover:hover) and (pointer:fine){
  html body .fi-btn.fi-color-primary:hover{background:var(--iq-blue-d) !important;transform:translateY(-2px) !important;box-shadow:0 14px 30px -12px rgba(10,102,240,.7) !important;filter:none !important;}
  html body .fi-btn:not(.fi-color-primary):hover{transform:translateY(-1px) !important;}
}
html body .fi-btn:active{transform:scale(.97) !important;}
/* Botones de acción en filas (ya azules): tacto + radio */
html body .fi-ta-actions-cell .fi-icon-btn{border-radius:10px !important;transition:transform .14s var(--iq-ease),background-color .18s ease !important;}
html body .fi-ta-actions-cell .fi-icon-btn:active{transform:scale(.94) !important;}

/* ---------- Enlaces ---------- */
html body .fi-link{color:var(--iq-blue) !important;}

/* ---------- Inputs / selects / textarea ---------- */
html body .fi-input,
html body .fi-select-input,
html body .fi-textarea{border-radius:11px !important;}
html body .fi-input-wrp{border-radius:11px !important;}
html body .fi-input-wrp:focus-within{
  border-color:var(--iq-blue) !important;
  box-shadow:0 0 0 3px rgba(10,102,240,.13) !important;
}

/* ---------- Secciones / tarjetas / paneles ---------- */
html:not(.dark) body .fi-section,
html:not(.dark) body .fi-wi-chart,
html:not(.dark) body .fi-ta-ctn,
html:not(.dark) body .fi-in-entry-wrp{
  border:1px solid var(--iq-line) !important;
  border-radius:18px !important;
  box-shadow:0 1px 2px rgba(10,18,36,.04) !important;
  background:var(--iq-panel) !important;
}

/* ---------- Widgets de estadísticas: planos y SIN tilt ---------- */
html body .fi-wi-stats-overview-stat{
  transform:none !important;                 /* mata el 3D de seguimiento del ratón (inline) */
  transform-style:flat !important;
  will-change:auto !important;
  border:1px solid var(--iq-line) !important;
  border-left:4px solid var(--iq-blue) !important;
  border-radius:16px !important;
  background:var(--iq-panel) !important;
  box-shadow:0 1px 2px rgba(10,18,36,.04) !important;
  transition:transform .18s var(--iq-ease),box-shadow .2s var(--iq-ease) !important;
}
@media (hover:hover) and (pointer:fine){
  html body .fi-wi-stats-overview-stat:hover{transform:translateY(-3px) !important;box-shadow:0 16px 34px -20px rgba(10,18,36,.28) !important;}
}
/* Valor de la estadística: tinta sólida (mata el texto en degradado) */
html body .fi-wi-stats-overview-stat-value{
  background:none !important;
  -webkit-text-fill-color:var(--iq-ink) !important;
  color:var(--iq-ink) !important;
  font-weight:800 !important;
}

/* ---------- Sidebar: activo sólido azul (sin degradado a violeta) ---------- */
html:not(.dark) body .fi-sidebar{
  background:linear-gradient(180deg,#F5F8FE 0%,#ffffff 26%) !important;
  border-right:1px solid var(--iq-line2) !important;
}
html body .fi-sidebar-item-button{border-radius:10px !important;}
html body .fi-sidebar-item-button[aria-current="page"],
html body .fi-sidebar-item.fi-active>.fi-sidebar-item-button,
html body .fi-sidebar-item-active>.fi-sidebar-item-button{
  background:var(--iq-blue) !important;
  box-shadow:0 6px 16px -8px rgba(10,102,240,.5) !important;
}
html body .fi-sidebar-item-button[aria-current="page"] .fi-sidebar-item-icon,
html body .fi-sidebar-item.fi-active>.fi-sidebar-item-button .fi-sidebar-item-icon,
html body .fi-sidebar-item-active>.fi-sidebar-item-button .fi-sidebar-item-icon{
  background:rgba(255,255,255,.22) !important;color:#fff !important;
}
html body .fi-sidebar-group-label{color:var(--iq-mut) !important;font-weight:700 !important;letter-spacing:.1em !important;}

/* ---------- Topbar ---------- */
html:not(.dark) body .fi-topbar{
  background:rgba(251,251,253,.9) !important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--iq-line2) !important;
  box-shadow:0 1px 0 var(--iq-line2) !important;
}

/* ---------- Tabs activas ---------- */
html body .fi-tabs-item.fi-tabs-item-active,
html body .fi-tabs-item[aria-selected=true]{background:var(--iq-blue) !important;border-radius:9px !important;}

/* ---------- Tablas: cabecera y hover ---------- */
html:not(.dark) body .fi-ta-header-cell{background:var(--iq-soft) !important;}
html:not(.dark) body .fi-ta-row:hover{background:rgba(10,102,240,.035) !important;}

/* ---------- Badges pill ---------- */
html body .fi-badge{border-radius:100px !important;font-weight:600 !important;}

/* ---------- IA: reservar el violeta ---------- */
html body .ialgo-ia,html body .ialgo-ia *{color:var(--iq-vi) !important;fill:var(--iq-vi) !important;}

/* ---------- Respeto a reduced-motion ---------- */
@media (prefers-reduced-motion:reduce){
  html body .fi-btn,html body .fi-wi-stats-overview-stat{transition:none !important;}
}

/* ============================================================
   FASE 2 · LOGIN (fi-simple-layout) — estilo hero de la web
   ============================================================ */
html body .fi-simple-layout{
  background:
    radial-gradient(58% 46% at 50% -8%, rgba(10,102,240,.07), transparent 70%),
    var(--iq-bg) !important;
}
html body .fi-simple-main-ctn{padding:1.5rem !important;}
html body .fi-simple-main{
  background:var(--iq-panel) !important;
  border:1px solid var(--iq-line) !important;
  border-radius:20px !important;
  box-shadow:0 2px 4px rgba(10,18,36,.04),0 30px 60px -30px rgba(10,18,36,.28) !important;
  padding:2.3rem 2.2rem !important;
  max-width:26rem !important;
}
/* Logo del login: SOLO tamaño de la imagen visible.
   NO tocar el display de .fi-logo: Filament oculta el logo de modo oscuro con
   .hidden; si lo forzamos se ven los DOS (y el "Algo" blanco del oscuro
   desaparece sobre blanco, dejando barra + "+"). */
html body .fi-simple-header{text-align:center !important;}
html body .fi-simple-layout .fi-logo img,
html body .fi-simple-layout .fi-logo svg{height:2.4rem !important;width:auto !important;max-width:210px !important;object-fit:contain !important;}
html body .fi-simple-header-heading,
html body .fi-simple-main .fi-header-heading{
  font-family:var(--iq-disp) !important;font-weight:800 !important;
  letter-spacing:-.02em !important;color:var(--iq-ink) !important;font-size:1.5rem !important;
}
html body .fi-simple-header-subheading{color:var(--iq-mut) !important;}
/* Botón de acceso a ancho completo con press (ya azul por el tema) */
html body .fi-simple-main form .fi-btn.fi-color-primary,
html body .fi-simple-main .fi-form-actions .fi-btn.fi-color-primary{
  width:100% !important;justify-content:center !important;padding-top:.7rem !important;padding-bottom:.7rem !important;
}
/* Inputs del login */
html body .fi-simple-main .fi-input,
html body .fi-simple-main .fi-input-wrp{border-radius:11px !important;}

/* ============================================================
   FASE 3 · Chat IA interno (violeta = IA) — tacto + tipografía
   ============================================================ */
html body .ialgo-chat-fab{transition:transform .16s var(--iq-ease),box-shadow .18s ease,background .15s !important;}
html body .ialgo-chat-fab:hover{transform:translateY(-2px) !important;}
html body .ialgo-chat-fab:active{transform:scale(.94) !important;}
html body .ialgo-chat-head{font-family:var(--iq-disp) !important;font-weight:700 !important;letter-spacing:-.01em !important;}
html body .ialgo-chat-input button{transition:transform .12s var(--iq-ease),background .15s !important;}
html body .ialgo-chat-input button:active{transform:scale(.9) !important;}
/* Estados vacíos de tabla: título en Plus Jakarta (ya cubierto) + texto legible */
html body .fi-ta-empty-state-description{color:var(--iq-mut) !important;}

/* Configuración · botones de accesos rápidos */
html body .ialgo-cfg-link:hover{background:rgba(10,102,240,.12) !important;transform:translateY(-1px) !important;}
html body .ialgo-cfg-link:active{transform:scale(.97) !important;}

/* ============================================================
   Configuración · panel de ajustes (menú izquierda + contenido)
   ============================================================ */
html body .ialgo-settings-grid{display:grid;grid-template-columns:248px 1fr;gap:2rem;align-items:start;}
@media(max-width:900px){html body .ialgo-settings-grid{grid-template-columns:1fr;gap:1rem;}}
html body .ialgo-settings-nav{position:sticky;top:5.5rem;display:flex;flex-direction:column;gap:2px;}
@media(max-width:900px){html body .ialgo-settings-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:6px;}}
html body .ialgo-settings-nav button{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.62rem .8rem;border:0;background:transparent;border-radius:10px;color:var(--iq-ink2);font-family:inherit;font-size:.92rem;font-weight:600;cursor:pointer;line-height:1.2;transition:background .15s,color .15s,transform .12s;}
@media(max-width:900px){html body .ialgo-settings-nav button{width:auto;}}
html body .ialgo-settings-nav button svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.8;}
html body .ialgo-settings-nav button:hover{background:rgba(10,102,240,.07);color:var(--iq-blue);}
html body .ialgo-settings-nav button:active{transform:scale(.98);}
html body .ialgo-settings-nav button.active{background:var(--iq-blue);color:#fff;box-shadow:0 6px 16px -8px rgba(10,102,240,.5);}
html body .ialgo-settings-nav button.active svg{opacity:1;}
html body .ialgo-settings-sep{font-family:var(--iq-disp);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--iq-mut);padding:.9rem .8rem .3rem;}
@media(max-width:900px){html body .ialgo-settings-sep{width:100%;padding:.3rem .2rem;}}
html body .ialgo-settings-content{min-width:0;}
html body .ialgo-settings-actions{margin-top:1.25rem;}

/* ============================================================
   Sidebar del CRM · look del panel de ajustes (iconos limpios)
   Specificity > capa antigua de MenuAreas (usa html body + selectores).
   ============================================================ */
/* iconos sin chip de fondo, gris por defecto */
html body .fi-sidebar-item-button .fi-sidebar-item-icon{
  background:transparent !important;
  padding:0 !important;
  width:1.35rem !important;height:1.35rem !important;
  border-radius:0 !important;
  color:var(--iq-ink2) !important;
  transition:color .15s ease !important;
}
html body .fi-sidebar-item-button:hover .fi-sidebar-item-icon{background:transparent !important;color:var(--iq-blue) !important;}
html body .fi-sidebar-item-button[aria-current="page"] .fi-sidebar-item-icon,
html body .fi-sidebar-item.fi-active>.fi-sidebar-item-button .fi-sidebar-item-icon,
html body .fi-sidebar-item-active>.fi-sidebar-item-button .fi-sidebar-item-icon{background:transparent !important;color:#fff !important;}
/* ítems: aire y peso como en ajustes; texto gris que pasa a azul en hover */
html body .fi-sidebar-item-button{gap:.55rem !important;padding:.58rem .8rem !important;font-weight:600 !important;color:var(--iq-ink2) !important;}
html body .fi-sidebar-item-button:hover{background:rgba(10,102,240,.07) !important;color:var(--iq-blue) !important;}
html body .fi-sidebar-item-button[aria-current="page"],
html body .fi-sidebar-item.fi-active>.fi-sidebar-item-button,
html body .fi-sidebar-item-active>.fi-sidebar-item-button{color:#fff !important;}