/* =====================================================================
   Bogo AI CRM · Tema claro "Azul" (2026-10-08, v2)
   Estilo SaaS limpio: fondo claro, tarjetas blancas, azul real #2563EB.
   Se carga DESPUÉS de todos los demás estilos (head.php e index.php).
   ===================================================================== */
:root {
  --lt-bg: #f5f7fb;
  --lt-card: #ffffff;
  --lt-line: #e5e9f2;
  --lt-line-2: #cbd5e1;
  --lt-blue: #2563eb;
  --lt-blue-h: #1d4ed8;
  --lt-blue-ink: #1e3a8a;
  --lt-tint: #eff4ff;
  --lt-tint-2: #dbe7fe;
  --lt-head: #0f172a;
  --lt-text: #334155;
  --lt-muted: #64748b;
  --lt-faint: #94a3b8;
  --lt-red: #ef4444;
  --lt-green: #10b981;
  --lt-amber: #f59e0b;
  --lt-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 14px rgba(15, 23, 42, .06);

  --av-ink: #0f172a;
  --av-ink-soft: #334155;
  --av-paper: #f5f7fb;
  --av-card: #ffffff;
  --av-line: #e5e9f2;
  --av-mint: #2563eb;
  --av-mint-deep: #1d4ed8;
  --av-gold: #f59e0b;
  --av-sky: #3b82f6;
  --av-rose: #ef4444;
  --av-navy: #1e3a8a;
  --av-navy-2: #1e40af;
  --av-glow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 14px rgba(15, 23, 42, .06);
  --av-radius: 12px;
  --av-font: "Inter", "Outfit", "Nunito", "Segoe UI", system-ui, sans-serif;
}
body, .content-wrapper { color: var(--lt-text); }
body.hold-transition.skin-blue.sidebar-mini, body.arya-ui { background: var(--lt-bg) !important; }
h1, h2, h3, h4, h5 { color: var(--lt-head); }

/* ---------------- BARRA SUPERIOR ---------------- */
.main-header { box-shadow: none !important; border-bottom: 1px solid var(--lt-line) !important; }
.skin-blue .main-header .logo,
.skin-blue .main-header .logo:hover,
.skin-blue .main-header .navbar {
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid var(--lt-line) !important;
}
.skin-blue .main-header .logo { border-right: 1px solid var(--lt-line) !important; }
.skin-blue .main-header .navbar .sidebar-toggle { color: var(--lt-muted) !important; }
.skin-blue .main-header .navbar .sidebar-toggle:hover { background: var(--lt-tint) !important; color: var(--lt-blue) !important; }
.skin-blue .main-header .navbar .nav > li > a { color: var(--lt-text) !important; }
.main-header .logo .logo-lg.td-brand-head { gap: 9px; justify-content: flex-start; padding-left: 8px; }
.td-brand-head img, .main-header .logo .logo-mini img {
  height: 36px !important; width: auto !important; max-width: 40px !important; filter: none !important;
}
.td-brand-head .td-brand-txt { flex-direction: row !important; align-items: center !important; gap: 7px; }
.td-brand-head .td-brand-name {
  color: var(--lt-blue-ink) !important; -webkit-text-fill-color: var(--lt-blue-ink) !important;
  background: none !important; filter: none !important;
  font-size: 21px !important; font-weight: 800 !important; letter-spacing: -.01em !important; line-height: 1 !important;
}
.td-brand-head .td-brand-sub {
  margin: 0 !important; font-size: 9.5px !important; font-weight: 700 !important; letter-spacing: .1em !important;
  color: var(--lt-blue) !important; background: var(--lt-tint) !important; border: 1px solid var(--lt-tint-2) !important;
  padding: 3px 7px !important; border-radius: 999px; line-height: 1 !important; box-shadow: none !important;
}
.av-status-lab, #usuario_estado_actual h1, .av-status h1 { color: var(--lt-faint) !important; opacity: 1; }
#usuario_estado_actual .btn, .av-chip { box-shadow: none !important; }
#usuario_estado_actual .btn-success, .av-chip.btn-success { background: var(--lt-tint) !important; color: var(--lt-blue) !important; border: 1px solid var(--lt-tint-2) !important; }
#usuario_estado_actual .btn-danger, .av-chip.btn-danger { background: #fef2f2 !important; color: #b91c1c !important; border: 1px solid #fecaca !important; }
#usuario_estado_actual .btn-warning, .av-chip.btn-warning { background: #fffbeb !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
#chat_cantidad_conversaciones > .nav > li > a, #chat_cantidad_conversaciones a.dropdown-toggle { background: var(--lt-bg) !important; border: 1px solid var(--lt-line) !important; }
#chat_cantidad_conversaciones i.fa, #chat_cantidad_conversaciones .fa-comments { color: var(--lt-blue) !important; }
#chat_cantidad_conversaciones .label-success { background: var(--lt-blue) !important; }
#chat_cantidad_conversaciones .label-danger { background: var(--lt-red) !important; }
.main-header .av-user-toggle, .main-header .av-user-toggle .hidden-xs { color: var(--lt-head) !important; background: transparent !important; }
.main-header .fa-angle-down { color: var(--lt-muted) !important; }

/* ---------------- BARRA LATERAL (blanca) ---------------- */
.skin-blue .wrapper { background: var(--lt-bg) !important; }
.skin-blue .main-sidebar, .skin-blue .left-side {
  background: #ffffff !important; border-right: 1px solid var(--lt-line) !important; box-shadow: none !important;
}
.user-panel, .user-panel.av-user {
  background: var(--lt-bg) !important; border: 1px solid var(--lt-line) !important; box-shadow: none !important; border-radius: 12px !important;
}
.user-panel > .info > p, .av-user-name { color: var(--lt-head) !important; }
.user-panel .img-circle, .av-user-photo img { border: 2px solid #fff !important; box-shadow: 0 0 0 2px var(--lt-tint-2) !important; }
.user-panel > .info a, .av-user-online { color: #047857 !important; background: #ecfdf5 !important; border: 1px solid #a7f3d0 !important; }
.av-user-online i, .user-panel > .info .text-success { color: var(--lt-green) !important; }
.td-nav-lab span { color: var(--lt-faint) !important; opacity: 1 !important; font-size: 10.5px !important; letter-spacing: .08em !important; font-weight: 700 !important; }
.sidebar-menu > li > a { color: var(--lt-text) !important; border-radius: 8px !important; font-weight: 500; }
.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .fas, .sidebar-menu > li > a > .ion {
  color: var(--lt-muted) !important; background: transparent !important; box-shadow: none !important;
}
.skin-blue .sidebar-menu > li > a:hover { background: #f1f5f9 !important; color: var(--lt-head) !important; box-shadow: none !important; }
.skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.active > a:hover {
  background: var(--lt-tint) !important; color: var(--lt-blue) !important; font-weight: 600;
  box-shadow: inset 3px 0 0 var(--lt-blue) !important;
}
.skin-blue .sidebar-menu > li.active > a > .fa, .skin-blue .sidebar-menu > li.active > a > .fas { color: var(--lt-blue) !important; background: transparent !important; box-shadow: none !important; }
.sidebar-menu .badge, .sidebar-menu .badge.bg-green, .sidebar-menu .badge.bg-yellow, .sidebar-menu .badge.bg-aqua { background: var(--lt-blue) !important; color: #fff !important; }
.sidebar-menu .badge.bg-red { background: var(--lt-red) !important; color: #fff !important; }
.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li > a { color: var(--lt-text) !important; }
.main-footer { background: #fff !important; border-top: 1px solid var(--lt-line) !important; color: var(--lt-muted) !important; }

/* ---------------- CONTENIDO / TARJETAS ---------------- */
.content-wrapper { background: var(--lt-bg) !important; }
.box, .av-panel, .info-box {
  background: #fff !important; border: 1px solid var(--lt-line) !important; border-radius: 12px !important; box-shadow: var(--lt-shadow) !important;
}
.box-header { border-bottom: 1px solid var(--lt-line) !important; }
.box-title { color: var(--lt-head) !important; }
/* Encabezados de paneles (Información, Ubicación, Segmentación...) */
.box > .box-header[style*="d2d6de"], .box > .box-header.with-border[style*="d2d6de"] {
  background: #f8faff !important; color: var(--lt-blue-ink) !important;
  border-bottom: 1px solid var(--lt-line) !important; box-shadow: inset 3px 0 0 var(--lt-blue) !important; padding: 9px 14px !important;
}
.box > .box-header[style*="d2d6de"] .box-title { color: var(--lt-blue-ink) !important; letter-spacing: 0; font-weight: 700 !important; }
.box > .box-header[style*="d2d6de"] .btn-box-tool { color: var(--lt-muted) !important; box-shadow: none !important; }

/* Botones */
.btn { border-radius: 8px !important; font-weight: 600 !important; box-shadow: none !important; border: 1px solid transparent !important; }
.btn:hover { transform: none; filter: none; }
.btn-primary, .btn-info { background: var(--lt-blue) !important; border-color: var(--lt-blue) !important; color: #fff !important; }
.btn-primary:hover, .btn-info:hover { background: var(--lt-blue-h) !important; border-color: var(--lt-blue-h) !important; }
.btn-success { background: var(--lt-green) !important; border-color: var(--lt-green) !important; color: #fff !important; }
.btn-success:hover { background: #059669 !important; }
.btn-danger { background: var(--lt-red) !important; border-color: var(--lt-red) !important; color: #fff !important; }
.btn-warning, .btn-default {
  background: #fff !important; color: #1e293b !important; border: 1px solid var(--lt-line-2) !important;
}
.btn-warning:hover, .btn-default:hover { background: #f8fafc !important; border-color: #94a3b8 !important; }
.btn-primary:focus, .btn-success:focus, .btn-default:focus { box-shadow: 0 0 0 3px rgba(37, 99, 235, .2) !important; }
.form-control, select.form-control, textarea.form-control { background: #fff !important; border: 1px solid var(--lt-line-2) !important; border-radius: 8px !important; color: var(--lt-head); }
.form-control:focus { border-color: var(--lt-blue) !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .2) !important; }
label, .control-label { color: var(--lt-text) !important; }

/* Pestañas y carpetas */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover { color: var(--lt-blue) !important; box-shadow: inset 0 -2px 0 var(--lt-blue) !important; }
.content .box > .btn-folder { background: #fff !important; color: var(--lt-text) !important; border: 1px solid var(--lt-line) !important; }
.content .box > .btn-folder.active, .content .box > .btn-folder.active:hover,
.av-cli-tab.active, .av-cli-tab.active:hover, .av-cli-tab.active:focus {
  background: var(--lt-tint) !important; color: var(--lt-blue) !important; border-color: var(--lt-tint-2) !important;
}
.btn-estado { background: var(--lt-tint) !important; color: var(--lt-blue-ink) !important; box-shadow: none !important; border: 1px solid var(--lt-tint-2) !important; }

/* Badges */
.label, .badge { border-radius: 999px !important; }
.label-success, .bg-green, .label-primary, .bg-aqua, .bg-light-blue { background: var(--lt-blue) !important; color: #fff !important; }
.label-danger, .bg-red { background: var(--lt-red) !important; color: #fff !important; }
.label-warning, .bg-yellow { background: var(--lt-amber) !important; color: #fff !important; }
.pagination > .active > a { background: var(--lt-blue) !important; border-color: var(--lt-blue) !important; }

/* Tablas */
.table > thead > tr > th, .av-table > tbody > tr > th { background: #f8fafc !important; color: var(--lt-muted) !important; }
.table > tbody > tr:hover { background: #f8faff !important; }
.table-striped > tbody > tr:nth-of-type(odd) { background: #fbfcfe; }

/* Alertas */
.alert-success { background: #ecfdf5 !important; color: #065f46 !important; }
.alert-info { background: var(--lt-tint) !important; color: var(--lt-blue-ink) !important; }
.alert-warning { background: #fffbeb !important; color: #92400e !important; }
.alert-danger { background: #fef2f2 !important; color: #991b1b !important; }
.dropdown-menu > li > a:hover { background: var(--lt-tint) !important; color: var(--lt-blue-ink) !important; }

/* Modales: blancos con título azul */
.modal-content { background: #fff !important; border: 1px solid var(--lt-line) !important; border-radius: 14px !important; box-shadow: 0 20px 50px rgba(15, 23, 42, .18) !important; }
.modal-header { background: #f8faff !important; border-bottom: 1px solid var(--lt-line) !important; color: var(--lt-blue-ink) !important; }
.modal-header .modal-title, .modal-title, .modal-header h4, .modal-header h3 { color: var(--lt-blue-ink) !important; }
.modal-header .close { color: var(--lt-muted) !important; opacity: 1; }
.modal-backdrop.in { background: #0f172a !important; opacity: .4 !important; }
.swal-button { background: var(--lt-blue) !important; }

/* Modal ENVIAR PLANTILLA (solo CSS) */
#enviarWhatsappPlantillaModal .modal-header { background: #f8faff !important; border-bottom: 1px solid var(--lt-line) !important; }
#enviarWhatsappPlantillaModal .modal-header, #enviarWhatsappPlantillaModal .modal-header * { color: var(--lt-blue-ink) !important; }
#enviarWhatsappPlantillaModal .ewp-control:focus { border-color: var(--lt-blue) !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .2) !important; }
#enviarWhatsappPlantillaModal .ewp-phone-wrap i { color: var(--lt-blue) !important; }
#enviarWhatsappPlantillaModal .ewp-btn-send { background: var(--lt-green) !important; color: #fff !important; }
#enviarWhatsappPlantillaModal .ewp-imagen-field { border-color: var(--lt-line-2) !important; }
#enviarWhatsappPlantillaModal .ewp-imagen-field .ewp-label, #enviarWhatsappPlantillaModal #ewp_imagen_preview:not(:empty) { color: var(--lt-blue-ink) !important; }

/* Omnicanalidad */
.omni { --verde: #2563eb !important; --verde-osc: #1d4ed8 !important; --presto: #2563eb !important; --presto-osc: #1d4ed8 !important; --burbuja-ia: #eff4ff !important; --burbuja-sal: #dbe7fe !important; }
.omni .omni-ttl-ico { background: var(--lt-tint) !important; color: var(--lt-blue) !important; }
.omni .omni-item.activo { background: var(--lt-tint) !important; border-color: var(--lt-tint-2) !important; box-shadow: inset 3px 0 0 var(--lt-blue) !important; }
.omni .omni-item.nuevo { background: #f8faff !important; }
.omni .omni-item.con-ia { background: #f8faff !important; }
.omni .omni-item.con-yo { background: #f8faff !important; box-shadow: inset 3px 0 0 var(--lt-blue) !important; }
.omni .omni-chip.mio { background: var(--lt-blue) !important; }
.omni .omni-btn.gestionar { background: var(--lt-blue) !important; border-color: var(--lt-blue) !important; color: #fff !important; }
.omni .omni-btn.gestionar:hover { background: var(--lt-blue-h) !important; }
.omni .omni-btn.fusionar { background: #fff !important; border-color: var(--lt-line-2) !important; color: #1e293b !important; }
.omni .omni-btn.soltar { background: #fff !important; border-color: var(--lt-line-2) !important; color: var(--lt-blue) !important; }
.omni .omni-btn.soltar:hover { background: var(--lt-tint) !important; }
.omni .omni-estado.bot { background: var(--lt-tint) !important; color: var(--lt-blue) !important; }
.omni .omni-estado.mio { background: #ecfdf5 !important; color: #047857 !important; }
.omni .omni-fila.sal.ase .omni-firma { color: var(--lt-blue-ink) !important; }
.upload-progress-label i, .upload-progress-ok { color: var(--lt-blue) !important; }
.upload-progress-fill { background: var(--lt-blue) !important; }

/* KPIs / Inteligencia comercial */
.av-kpi, .av-cli-card { background: #fff !important; border: 1px solid var(--lt-line) !important; box-shadow: var(--lt-shadow) !important; border-radius: 12px !important; }
.av-kpi::after { display: none !important; }
.av-kpi-ico, .av-cli-ico { background: var(--lt-tint) !important; color: var(--lt-blue) !important; box-shadow: none !important; }
.av-kpi-ico .fa, .av-cli-ico .fa { color: var(--lt-blue) !important; }
.av-kpi-gold .av-kpi-ico, .av-cli-gold .av-cli-ico { background: #fffbeb !important; color: #d97706 !important; }
.av-kpi-gold .av-kpi-ico .fa, .av-cli-gold .av-cli-ico .fa { color: #d97706 !important; }
.av-kpi-navy .av-kpi-ico, .av-cli-navy .av-cli-ico { background: #f1f5f9 !important; color: #334155 !important; }
.av-kpi-navy .av-kpi-ico .fa, .av-cli-navy .av-cli-ico .fa { color: #334155 !important; }
.av-kpi-sky .av-kpi-ico, .av-cli-sky .av-cli-ico { background: #ecfeff !important; }
.av-kpi-sky .av-kpi-ico .fa, .av-cli-sky .av-cli-ico .fa { color: #0891b2 !important; }
.av-kpi-lab { color: var(--lt-muted) !important; }
.av-kpi-body strong { color: var(--lt-head) !important; }
.av-panel-head { border-bottom: 1px solid var(--lt-line) !important; }
.av-panel-ico { background: var(--lt-tint) !important; color: var(--lt-blue) !important; box-shadow: none !important; }
.av-panel-ico .fa { color: var(--lt-blue) !important; }
.av-report-head, .av-cli-head h2, .av-age-head h2 { color: var(--lt-head) !important; }
#inteligenciaArtifiacialSection .box, #inteligenciaArtifiacialSection [class*="card"] { background: #fff !important; border-color: var(--lt-line) !important; }
.av-mg-head { background: #fff !important; color: var(--lt-head) !important; border: 1px solid var(--lt-line) !important; box-shadow: var(--lt-shadow) !important; }
.av-mg-search { background: var(--lt-blue) !important; color: #fff !important; border: 0 !important; box-shadow: none !important; }

/* Módulos Cortech */
.cx-head {
  background: #fff !important; color: var(--lt-head) !important; border: 1px solid var(--lt-line) !important;
  box-shadow: var(--lt-shadow), inset 3px 0 0 var(--lt-blue) !important; border-radius: 12px !important;
}
.cx-head h2 { color: var(--lt-head) !important; }
.cx-head h2 .fa { color: var(--lt-blue) !important; }
.cx-head p { color: var(--lt-muted) !important; opacity: 1 !important; }
.cx-btn { border-radius: 8px !important; border-color: var(--lt-line-2) !important; color: #1e293b !important; background: #fff !important; }
.cx-btn:hover { border-color: #94a3b8 !important; color: var(--lt-head) !important; background: #f8fafc !important; }
.cx-btn-primary, .cx-head .cx-btn-primary { background: var(--lt-blue) !important; border-color: var(--lt-blue) !important; color: #fff !important; box-shadow: none !important; }
.cx-btn-primary:hover, .cx-head .cx-btn-primary:hover { background: var(--lt-blue-h) !important; border-color: var(--lt-blue-h) !important; color: #fff !important; }
.cx-btn-danger { color: var(--lt-red) !important; border-color: #fecaca !important; }
.cx-btn-danger:hover { background: var(--lt-red) !important; color: #fff !important; }
.cx-form input:focus, .cx-form select:focus, .cx-form textarea:focus, .cx-nota textarea:focus { border-color: var(--lt-blue) !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .2) !important; }
.cx-col { border-radius: 12px !important; border-color: var(--lt-line) !important; }
.cx-card { background: #f8fafc !important; }
.cx-card:hover { border-color: var(--lt-tint-2) !important; }
.cx-bar span { background: var(--lt-blue) !important; }
.cx-totales { background: #f8fafc !important; border: 1px solid var(--lt-line); }
.cx-totales .cx-total b { color: var(--lt-blue) !important; }
.cx-timeline { background: #f8fafc !important; border: 1px solid var(--lt-line); }
.cx-tl-item { border-left-color: var(--lt-blue) !important; }
.cx-cita { background: #f8fafc !important; }
.cx-cita-fecha { background: var(--lt-tint) !important; color: var(--lt-blue-ink) !important; }
.cx-cita-fecha b { color: var(--lt-blue) !important; }
.cx-tag-oro { background: #fffbeb !important; color: #b45309 !important; }

/* ---------------- LOGIN ---------------- */
body.av-login { background: linear-gradient(160deg, #eff4ff 0%, #f8faff 45%, #ffffff 100%) !important; color: var(--lt-text) !important; }
body.av-login .av-orb { opacity: .35 !important; mix-blend-mode: multiply !important; }
body.av-login .av-orb.a { background: #bfd3fe !important; }
body.av-login .av-orb.b { background: #dbe7fe !important; }
body.av-login .av-orb.c { background: #c7d7fe !important; }
body.av-login .av-grid { opacity: .25 !important; filter: invert(1); }
body.av-login .av-noise { display: none !important; }
body.av-login canvas#avField { opacity: .35; }
body.av-login .main { background: #fff !important; border: 1px solid var(--lt-line); box-shadow: 0 20px 50px rgba(30, 58, 138, .12) !important; border-radius: 16px !important; }
body.av-login .main::before { display: none !important; }
body.av-login .main::after { background: #fff !important; border-radius: 16px !important; inset: 0 !important; }
body.av-login .brand { background: none !important; border: 0 !important; padding: 26px 24px 4px !important; }
body.av-login .brand-icon { width: 84px !important; height: 84px !important; }
body.av-login .brand-icon::before, body.av-login .brand-icon::after { display: none !important; }
body.av-login .brand-icon img { filter: none !important; }
body.av-login .av-wordmark { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; }
body.av-login .av-wordmark .av-wm-name { font-size: 28px; font-weight: 800; letter-spacing: -.01em; color: var(--lt-blue-ink); line-height: 1; }
body.av-login .av-wordmark .av-wm-tag { font-size: 10px; font-weight: 700; letter-spacing: .1em; color: var(--lt-blue); background: var(--lt-tint); border: 1px solid var(--lt-tint-2); padding: 3px 8px; border-radius: 999px; }
body.av-login .brand p { color: var(--lt-muted) !important; }
body.av-login .brand-kicker { color: var(--lt-blue) !important; background: var(--lt-tint) !important; }
body.av-login .tab-bar { background: #f1f5f9 !important; }
body.av-login .tab { color: var(--lt-muted) !important; }
body.av-login #tabAsesores:checked ~ .tab-bar .tab-asesores,
body.av-login #tabSupervisores:checked ~ .tab-bar .tab-supervisores { background: #fff !important; color: var(--lt-blue) !important; box-shadow: 0 1px 3px rgba(15, 23, 42, .1) !important; }
body.av-login input[type="text"], body.av-login input[type="password"] { background: #fff !important; border: 1px solid var(--lt-line-2) !important; border-radius: 8px !important; color: var(--lt-head) !important; }
body.av-login input[type="text"]:focus, body.av-login input[type="password"]:focus { border-color: var(--lt-blue) !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .2) !important; }
body.av-login button[type="submit"], body.av-login #signupBtn, body.av-login #botonIngresoSupervisor {
  background: var(--lt-blue) !important; box-shadow: none !important; border-radius: 8px !important;
}
body.av-login button[type="submit"]:hover, body.av-login #signupBtn:hover, body.av-login #botonIngresoSupervisor:hover { background: var(--lt-blue-h) !important; transform: none !important; }
body.av-login .signup button[type="button"], body.av-login .login button[type="button"] { background: #fff !important; border: 1px solid var(--lt-line-2) !important; color: #1e293b !important; border-radius: 8px !important; }
body.av-login .brand-footer { border-top: 1px solid var(--lt-line) !important; }
body.av-login .brand-footer img { height: 24px !important; opacity: .8 !important; }

/* Pastillas CAMPAÑA / ESTADO: texto visible sobre fondo claro */
#usuario_estado_actual .av-chip span, .av-chip span, .av-chip .hidden-xs { color: inherit !important; }
.av-status-lab, #usuario_estado_actual h1, .av-status h1 { color: var(--lt-muted) !important; }

/* Marca: logo lobo Bogo AI */
.td-brand-head img, .main-header .logo .logo-mini img { height: 34px !important; width: auto !important; max-width: 40px !important; object-fit: contain; }

/* Footer Bogo AI CRM (dashboard) */
.main-footer.av-footer {
  display: flex !important; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  padding: 10px 18px !important; font-size: 12px !important; line-height: 1.4; color: #64748B !important;
  background: #fff !important; border-top: 1px solid var(--lt-line) !important;
}
.main-footer.av-footer .av-foot-l { display: inline-flex; align-items: center; gap: 6px; color: var(--lt-blue-ink); font-weight: 700; }
.main-footer.av-footer .av-foot-l img { height: 18px; width: auto; }
.main-footer.av-footer .av-foot-r { margin-left: auto; text-align: right; color: #64748B; }

/* Footer login */
body.av-login .brand-footer.av-foot {
  display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px; flex-wrap: wrap;
  padding: 12px 20px !important; font-size: 11px !important; line-height: 1.4; color: #64748B !important; text-align: left;
}
body.av-login .brand-footer.av-foot .av-foot-l { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--lt-blue-ink); }
body.av-login .brand-footer.av-foot img { height: 18px !important; width: auto !important; opacity: 1 !important; }
body.av-login .brand-footer.av-foot .av-foot-r { margin-left: auto; text-align: right; }
body.av-login .brand-icon { width: 96px !important; height: 96px !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.av-login .brand-icon img { height: 96px !important; width: auto !important; max-width: 100% !important; object-fit: contain; }

/* Etiquetas CAMPAÑA / ESTADO del header (la regla base las dejaba blancas) */
.skin-blue .main-header .hidden-xs { color: inherit !important; }
.skin-blue .main-header .hidden-xs.av-status-lab, .main-header .navbar .hidden-xs.av-status-lab { color: #94A3B8 !important; }

/* Footer login compacto: una sola linea */
body.av-login .brand-footer.av-foot { flex-wrap: nowrap !important; padding: 12px 14px !important; gap: 8px; }
body.av-login .brand-footer.av-foot .av-foot-l { font-size: 0 !important; gap: 0; flex: 0 0 auto; }
body.av-login .brand-footer.av-foot .av-foot-l img { height: 18px !important; }
body.av-login .brand-footer.av-foot .av-foot-r { font-size: 10px !important; white-space: nowrap; }

/* Indicador activo del menu: azul (sin dorado) */
#menus_sidebar .sidebar-menu > li.active > a::before, .sidebar-menu > li.active > a::before, .sidebar-menu > li > a.active::before { background: #2563EB !important; }
#menus_sidebar .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.active > a { border-left-color: transparent !important; }

/* ===== 2026-10-08 Seleccion de campaña: tarjeta centrada + pills del top-bar ===== */
.box.av-box-camp{background:transparent!important;border:0!important;box-shadow:none!important;min-height:calc(100vh - 160px);display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:24px 12px}
.box.av-box-camp > .modal-dialog{margin:0 auto!important;width:100%!important;max-width:440px!important;position:relative;top:auto;transform:none}
.box.av-box-camp > .modal-dialog > .modal-content{border-radius:14px!important;border:1px solid #E5E9F2!important;box-shadow:0 10px 30px rgba(15,23,42,.08),0 2px 6px rgba(15,23,42,.05)!important;overflow:hidden;background:#fff}
.box.av-box-camp > .modal-dialog .modal-header{background:#2563EB!important;border-bottom:0!important;padding:16px 20px}
.box.av-box-camp > .modal-dialog .modal-title{color:#fff!important;font-weight:600;letter-spacing:.4px;text-align:center}
.box.av-box-camp > .modal-dialog .modal-body{padding:22px 20px}
.box.av-box-camp > .example-modal{display:none!important}
.box.av-box-camp .btn-primary{background:#2563EB!important;border-color:#2563EB!important;color:#fff!important;border-radius:8px;padding:7px 22px;font-weight:600}
.box.av-box-camp .btn-primary:hover,.box.av-box-camp .btn-primary:focus{background:#1D4ED8!important;border-color:#1D4ED8!important}
#usuario_estado_actual .av-chip .hidden-xs:empty::after{content:'Sin seleccionar';font-weight:500}
#usuario_estado_actual .av-chip:has(.hidden-xs:empty){background:#F1F5F9!important;color:#64748B!important;border:1px solid #E2E8F0!important;animation:none!important;box-shadow:none!important}
/* respaldo sin JS: misma tarjeta centrada */
.box:has(> .av-camp-dialog){background:transparent!important;border:0!important;box-shadow:none!important;min-height:calc(100vh - 160px);display:flex!important;flex-direction:column;align-items:center;justify-content:center}
.box:has(> .av-camp-dialog) > .example-modal{display:none!important}