/* Bogo AI - tema de marca (unico archivo de variables). Cargar al final. */
:root{
  --bogo-orange:#FF6A1F; --bogo-orange-2:#FF4D2E; --bogo-yellow:#FFC93C;
  --bogo-navy:#0B3C5D; --bogo-navy-2:#082A42; --bogo-teal:#0E7C86; --bogo-teal-2:#12A4A0;
  --bogo-bg:#F5F7FA; --bogo-card:#FFFFFF; --bogo-text:#1E2A35; --bogo-muted:#6B7A89; --bogo-line:#E3E8EE;
  --bogo-ok:#1FA971; --bogo-danger:#E5484D;
  --bogo-grad:linear-gradient(135deg,var(--bogo-orange) 0%,var(--bogo-orange-2) 100%);
  --bogo-grad-dark:linear-gradient(160deg,var(--bogo-navy) 0%,var(--bogo-navy-2) 60%,#06202F 100%);
  --bogo-radius:14px; --bogo-shadow:0 6px 24px rgba(11,60,93,.10);
  --bogo-font:'Outfit','Nunito','Segoe UI',Arial,sans-serif;
}
/* ---- Layout CRM (AdminLTE) ---- */
body.arya-ui, body.bogo-ui{background:var(--bogo-bg)!important;color:var(--bogo-text);font-family:var(--bogo-font)}
body.arya-ui .content-wrapper, body.bogo-ui .content-wrapper{background:var(--bogo-bg)!important}
body.arya-ui .main-header .navbar, body.bogo-ui .main-header .navbar{background:var(--bogo-grad-dark)!important;border:0!important}
body.arya-ui .main-header .logo, body.bogo-ui .main-header .logo{background:var(--bogo-navy-2)!important;color:#fff!important;border:0!important}
body.arya-ui .main-header .logo:hover{background:var(--bogo-navy)!important}
body.arya-ui .main-header .sidebar-toggle:hover{background:rgba(255,255,255,.08)!important}
body.arya-ui .td-brand-name, body.arya-ui .av-wordmark{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important}
body.arya-ui .td-brand-sub, body.arya-ui .av-crm{color:var(--bogo-yellow)!important;-webkit-text-fill-color:var(--bogo-yellow)!important}
body.arya-ui .av-wolf, .bogo-mark-img{border-radius:10px;filter:none!important}
body.arya-ui .main-sidebar, body.arya-ui .left-side, body.bogo-ui .main-sidebar{background:var(--bogo-grad-dark)!important}
body.arya-ui .sidebar-menu>li>a, body.arya-ui .sidebar a{color:#D7E6EE}
body.arya-ui .sidebar-menu>li:hover>a, body.arya-ui .sidebar-menu>li.active>a{background:rgba(255,106,31,.16)!important;color:#fff!important;border-left-color:var(--bogo-orange)!important}
body.arya-ui .av-card, body.arya-ui .user-panel{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.10)!important}
body.arya-ui .av-user-role b{color:var(--bogo-yellow)!important}
body.arya-ui .box, body.bogo-ui .box{border-radius:var(--bogo-radius);box-shadow:var(--bogo-shadow);border-top-color:var(--bogo-orange)!important}
body.arya-ui .btn-primary, .bogo-btn{background:var(--bogo-grad)!important;border:0!important;color:#fff!important;border-radius:10px;transition:transform .15s,box-shadow .15s}
body.arya-ui .btn-primary:hover, .bogo-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(255,106,31,.35)}
body.arya-ui .btn-info{background:var(--bogo-teal)!important;border-color:var(--bogo-teal)!important}
body.arya-ui .btn-success{background:var(--bogo-ok)!important;border-color:var(--bogo-ok)!important}
body.arya-ui a{color:var(--bogo-teal)}
body.arya-ui .main-footer{background:#fff;border-top:3px solid var(--bogo-orange);color:var(--bogo-muted)}
body.arya-ui .label-primary, body.arya-ui .bg-light-blue{background:var(--bogo-teal)!important}
body.arya-ui .bg-yellow{background:var(--bogo-yellow)!important;color:var(--bogo-navy)!important}
/* ---- Menu gerencial en sidebar ---- */
.bogo-nav{list-style:none;margin:14px 10px;padding:0}
.bogo-nav .bogo-nav-h{color:var(--bogo-yellow);font-size:11px;letter-spacing:2px;font-weight:800;padding:8px 12px;text-transform:uppercase}
.bogo-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#E6F0F5!important;font-weight:600;transition:background .2s,transform .2s}
.bogo-nav a:hover,.bogo-nav a.active{background:rgba(255,106,31,.22);transform:translateX(3px);text-decoration:none}
.bogo-nav i{width:18px;text-align:center;color:var(--bogo-orange)}
/* ---- Paginas Bogo (reportes/config) ---- */
.bogo-page{padding:18px}
.bogo-page h1{font-family:var(--bogo-font);font-weight:800;color:var(--bogo-navy);font-size:26px;margin:0 0 4px}
.bogo-page .bogo-sub{color:var(--bogo-muted);margin-bottom:18px}
.bogo-card{background:var(--bogo-card);border-radius:var(--bogo-radius);box-shadow:var(--bogo-shadow);padding:18px;margin-bottom:18px;animation:bogoUp .45s ease both}
.bogo-card h3{margin:0 0 12px;font-size:17px;font-weight:800;color:var(--bogo-navy)}
.bogo-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px}
.bogo-kpi{background:#fff;border-radius:var(--bogo-radius);padding:16px;box-shadow:var(--bogo-shadow);border-left:5px solid var(--bogo-orange);animation:bogoUp .45s ease both}
.bogo-kpi:nth-child(2n){border-left-color:var(--bogo-teal)}.bogo-kpi:nth-child(3n){border-left-color:var(--bogo-yellow)}
.bogo-kpi .v{font-size:26px;font-weight:800;color:var(--bogo-navy)}.bogo-kpi .l{color:var(--bogo-muted);font-size:13px;font-weight:600}
.bogo-table{width:100%;border-collapse:collapse}.bogo-table th{background:var(--bogo-navy);color:#fff;padding:9px;font-size:13px;text-align:left}
.bogo-table td{padding:9px;border-bottom:1px solid var(--bogo-line);font-size:14px}.bogo-table tr:hover td{background:#FFF6EF}
.bogo-form label{font-weight:700;color:var(--bogo-navy);font-size:13px;display:block;margin:8px 0 4px}
.bogo-form input,.bogo-form select{width:100%;padding:9px 11px;border:1px solid var(--bogo-line);border-radius:10px;background:#fff}
.bogo-form input:focus,.bogo-form select:focus{outline:none;border-color:var(--bogo-orange);box-shadow:0 0 0 3px rgba(255,106,31,.18)}
.bogo-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.bogo-row>*{flex:1 1 160px}
.bogo-btn{display:inline-block;padding:9px 16px;font-weight:700;cursor:pointer;text-decoration:none!important}
.bogo-btn.sec{background:#fff!important;color:var(--bogo-navy)!important;border:1px solid var(--bogo-line)!important}
.bogo-btn.sm{padding:5px 10px;font-size:12px}
.bogo-alert{padding:10px 14px;border-radius:10px;margin-bottom:14px;font-weight:600}
.bogo-alert.ok{background:#E6F7EF;color:#126B47}.bogo-alert.err{background:#FDECEC;color:#A12A2E}
.bogo-badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:700}
.bogo-badge.on{background:#E6F7EF;color:#126B47}.bogo-badge.off{background:#EEF1F4;color:#6B7A89}
@keyframes bogoUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== UI v2 (2026-10-12): sidebar alto contraste, header moderno, wordmark ===== */
:root{--sb-bg:#0F2233;--sb-bg2:#132B40;--sb-text:#E8EEF7;--sb-dim:#B8C7D9;--sb-lab:#FFC93C;--sb-hover:rgba(255,106,31,.14);--sb-active:rgba(255,106,31,.22)}
body.arya-ui .main-sidebar, body.arya-ui .left-side{background:linear-gradient(180deg,var(--sb-bg) 0%,var(--sb-bg2) 100%)!important;border-right:1px solid rgba(255,255,255,.06)!important;box-shadow:4px 0 24px rgba(6,20,32,.25)}
body.arya-ui .sidebar-menu > li.td-nav-lab > span, body.arya-ui .td-nav-lab span{color:var(--sb-lab)!important;opacity:1!important;font-weight:800!important;letter-spacing:.14em!important}
body.arya-ui .main-sidebar .sidebar-menu > li:not(.td-nav-lab) > a{color:var(--sb-text)!important;opacity:1!important;font-weight:600!important;background:transparent!important}
body.arya-ui .main-sidebar .sidebar-menu > li:not(.td-nav-lab) > a > span, body.arya-ui .main-sidebar .sidebar-menu > li > a *{opacity:1!important}
body.arya-ui .main-sidebar .sidebar-menu > li:not(.td-nav-lab) > a > .fa{color:#FFB347!important;background:rgba(255,255,255,.07)!important}
body.arya-ui .main-sidebar .sidebar-menu > li:not(.td-nav-lab) > a:hover{background:var(--sb-hover)!important;color:#fff!important}
body.arya-ui .main-sidebar .sidebar-menu > li:not(.td-nav-lab) > a:hover > .fa{color:#fff!important;background:var(--bogo-orange)!important}
body.arya-ui .main-sidebar .sidebar-menu > li.active > a{background:var(--sb-active)!important;color:#fff!important;font-weight:800!important}
body.arya-ui .main-sidebar .sidebar-menu > li.active > a > .fa{background:var(--bogo-grad)!important;color:#fff!important;box-shadow:0 4px 12px rgba(255,106,31,.4)!important}
body.arya-ui .main-sidebar .sidebar-menu > li > a::before{background:var(--bogo-orange)!important}
body.arya-ui .main-sidebar .sidebar-menu .badge{font-weight:800}
body.arya-ui .main-sidebar .sidebar-menu .badge.bg-green{background:#1FA971!important;color:#fff!important}
body.arya-ui .main-sidebar .sidebar-menu .badge.bg-aqua{background:var(--bogo-teal-2)!important;color:#fff!important}
/* tarjeta de usuario sobre fondo oscuro */
body.arya-ui .main-sidebar .user-panel.av-card{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important}
body.arya-ui .main-sidebar .av-card .av-user-name{color:#fff!important}
body.arya-ui .main-sidebar .av-card .av-user-role{color:var(--sb-dim)!important}
body.arya-ui .main-sidebar .av-card .av-user-role b{color:var(--sb-lab)!important}
body.arya-ui .main-sidebar .av-card .av-user-pres{color:#9EE6C1!important}
.bogo-nav .bogo-nav-h{color:var(--sb-lab)}.bogo-nav a{color:var(--sb-text)!important}
/* colapsado: tooltips/�conos legibles */
body.arya-ui.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li:not(.td-nav-lab) > a > .fa{color:#FFB347!important;background:transparent!important}
body.arya-ui.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li.active > a > .fa{color:var(--bogo-orange)!important}
/* header */
body.arya-ui .main-header .navbar{background:#fff!important;box-shadow:0 2px 16px rgba(11,60,93,.10)!important;border-bottom:3px solid transparent!important;border-image:linear-gradient(90deg,#FF6A1F,#FFC93C,#12A4A0) 1!important}
body.arya-ui .main-header .navbar .sidebar-toggle, body.arya-ui .main-header .navbar .nav > li > a{color:var(--bogo-navy)!important}
body.arya-ui .main-header .navbar .sidebar-toggle:hover, body.arya-ui .main-header .navbar .nav > li > a:hover{background:#FFF1E8!important;color:var(--bogo-orange)!important}
body.arya-ui .main-header .navbar .label, body.arya-ui .main-header .navbar .badge{font-weight:800;border-radius:10px}
body.arya-ui .main-header .logo{background:var(--sb-bg)!important;display:flex!important;align-items:center;justify-content:center}
body.arya-ui .main-header .logo .logo-lg{display:flex!important;align-items:center;gap:10px}
.bogo-wm{font-family:'Outfit','Poppins','Segoe UI',Arial,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.5px;color:#fff;line-height:1}
.bogo-wm b{margin-left:4px;background:linear-gradient(90deg,#FF6A1F,#FFC93C);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:900}
.bogo-pill{font-size:10px;font-weight:800;letter-spacing:.12em;color:#0F2233;background:#FFC93C;border-radius:20px;padding:3px 8px;line-height:1}
body.arya-ui .main-header .av-wolf{width:32px!important;height:32px!important;border-radius:9px!important;box-shadow:0 4px 12px rgba(255,106,31,.35)}

/* ===== Toolbar de herramientas + modales (2026-10-12) ===== */
body.arya-ui .webphone-title{background:none!important;box-shadow:none!important;padding:0!important}
.bogo-tb-pill{display:inline-flex!important;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--bogo-grad-dark);color:#fff!important;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 14px rgba(11,60,93,.25);text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.bogo-tb-pill i{color:var(--bogo-yellow)}
.bogo-tb-pill:hover,.bogo-tb-pill:focus-visible{transform:translateY(-1px);box-shadow:0 8px 20px rgba(11,60,93,.35);outline:none}
.bogo-toolbar{display:flex!important;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center;padding:6px 4px}
.bogo-toolbar > .btn{position:relative;float:none!important;margin:0!important;width:42px;height:42px;padding:0!important;border-radius:12px!important;border:0!important;display:inline-flex!important;align-items:center;justify-content:center;color:#fff!important;font-size:16px;box-shadow:0 4px 12px rgba(11,60,93,.15);transition:transform .15s ease,box-shadow .15s ease,filter .15s}
.bogo-toolbar > .btn .hidden-xs{font-size:11px;font-weight:800;margin-left:2px}
.bogo-toolbar > .btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(255,106,31,.35);filter:brightness(1.05)}
.bogo-toolbar > .btn:focus-visible{outline:3px solid var(--bogo-yellow);outline-offset:2px}
.bogo-toolbar > .btn-ia{background-color:#fff!important;border:2px solid var(--bogo-orange)!important}
.bogo-toolbar > .btn-whatsapp-like{background:#1FA971!important}
.bogo-toolbar > .btn-warning{background:linear-gradient(135deg,#FFC93C,#FFAA00)!important;color:var(--bogo-navy)!important}
.bogo-toolbar > .btn-pqr{background:var(--bogo-navy)!important}
.bogo-toolbar > .btn-primary{background:var(--bogo-grad)!important}
.bogo-toolbar > .btn-danger{background:linear-gradient(135deg,#FF4D2E,#E5484D)!important}
.bogo-toolbar > .btn-success{background:var(--bogo-teal)!important}
.bogo-toolbar > .btn-info{background:var(--bogo-teal-2)!important}
.bogo-toolbar > .btn[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);background:var(--bogo-navy);color:#fff;font-size:11.5px;font-weight:700;padding:5px 9px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:20}
.bogo-toolbar > .btn[data-tip]:hover::after,.bogo-toolbar > .btn[data-tip]:focus-visible::after{opacity:1;transform:translate(-50%,0)}
@media (max-width:767px){.bogo-toolbar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;padding-bottom:8px}.bogo-toolbar > .btn{flex:0 0 42px}.bogo-toolbar > .btn[data-tip]::after{display:none}}
/* Modales */
body.arya-ui .modal-content{border:0!important;border-radius:18px!important;overflow:hidden;box-shadow:0 24px 60px rgba(6,32,47,.35)!important}
body.arya-ui .modal.fade .modal-dialog{transform:translateY(24px) scale(.97);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
body.arya-ui .modal.in .modal-dialog{transform:none;opacity:1}
body.arya-ui .modal-header{position:relative;background:var(--bogo-grad-dark)!important;color:#fff!important;border:0!important;padding:16px 20px 14px!important;border-radius:0!important}
body.arya-ui .modal-header::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#FF6A1F,#FFC93C,#12A4A0)}
body.arya-ui .modal-header .modal-title,body.arya-ui .modal-header h4,body.arya-ui .modal-header h5{color:#fff!important;font-weight:800!important;font-family:var(--bogo-font);font-size:17px!important;display:flex;align-items:center;gap:8px}
body.arya-ui .modal-header .modal-title i,body.arya-ui .modal-header .fa,body.arya-ui .modal-header .fas,body.arya-ui .modal-header .fab{color:var(--bogo-yellow)!important}
body.arya-ui .modal-header .close{color:#fff!important;opacity:.85!important;text-shadow:none!important;font-size:26px}
body.arya-ui .modal-header .close:hover{opacity:1!important;color:var(--bogo-yellow)!important}
body.arya-ui .modal-body{padding:20px!important;background:#fff}
body.arya-ui .modal-body .form-control,body.arya-ui .modal-body select,body.arya-ui .modal-body textarea{border-radius:10px!important;border:1px solid var(--bogo-line)!important;box-shadow:none!important;min-height:38px}
body.arya-ui .modal-body .form-control:focus,body.arya-ui .modal-body select:focus,body.arya-ui .modal-body textarea:focus{border-color:var(--bogo-orange)!important;box-shadow:0 0 0 3px rgba(255,106,31,.18)!important}
body.arya-ui .modal-body label{font-weight:700;color:var(--bogo-navy);font-size:13px}
body.arya-ui .modal-footer{border-top:1px solid var(--bogo-line)!important;background:#FAFBFC;padding:12px 20px!important}
body.arya-ui .modal .btn-primary,body.arya-ui .modal .btn-success{background:var(--bogo-grad)!important;border:0!important;color:#fff!important;border-radius:10px!important;font-weight:700}
body.arya-ui .modal .btn-default,body.arya-ui .modal .btn-secondary{border-radius:10px!important;border:1px solid var(--bogo-line)!important;background:#fff!important;color:var(--bogo-navy)!important;font-weight:700}
body.arya-ui .modal-backdrop.in{opacity:.55!important;background:#06202F}
@media (max-width:767px){body.arya-ui .modal-dialog{margin:10px!important}body.arya-ui .modal-content{border-radius:14px!important}}

/* ===== Dock de herramientas v3 + modales claros (2026-10-12, reemplaza estilos v2 de toolbar/modales) ===== */
.bogo-tb-pill{background:#fff!important;color:var(--bogo-navy)!important;border:1px solid var(--bogo-line);box-shadow:0 4px 14px rgba(11,60,93,.10)!important;letter-spacing:.04em;text-transform:none;font-size:13px}
.bogo-tb-pill i{color:#fff!important;background:var(--bogo-grad);width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.bogo-tb-pill:hover,.bogo-tb-pill:focus-visible{border-color:var(--bogo-orange)}
.bogo-dock{display:inline-flex!important;align-items:stretch;gap:6px;float:right;padding:8px 10px;border-radius:16px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(11,60,93,.08);box-shadow:0 10px 30px rgba(11,60,93,.12),0 1px 0 rgba(255,255,255,.8) inset;max-width:100%}
.bogo-dock-grp{display:flex;gap:2px;align-items:flex-start}
.bogo-dock-sep{width:1px;align-self:stretch;margin:4px 6px;background:linear-gradient(180deg,transparent,rgba(11,60,93,.18),transparent)}
.bogo-dock .bogo-dock-btn{float:none!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:2px 4px!important;width:auto;min-width:56px;height:auto;display:flex!important;flex-direction:column;align-items:center;gap:4px;color:var(--bogo-navy)!important;border-radius:12px!important;filter:none!important}
.bogo-dock .bogo-dock-btn > i{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--bogo-navy);border:1.5px solid rgba(11,60,93,.22);background:#fff;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s}
.bogo-dock .bogo-dock-ai img{width:40px;height:40px;border-radius:12px;transition:transform .18s,box-shadow .18s}
.bogo-dock .bogo-dock-lbl{font-size:11px;font-weight:700;color:var(--bogo-muted);line-height:1;transition:color .18s}
.bogo-dock .bogo-dock-btn:hover > i,.bogo-dock .bogo-dock-btn:focus-visible > i{color:#fff;border-color:transparent;transform:translateY(-2px)}
.bogo-dock .bogo-dock-btn:hover .bogo-dock-lbl,.bogo-dock .bogo-dock-btn:focus-visible .bogo-dock-lbl{color:var(--bogo-navy)}
.bogo-dock .bogo-dock-ai:hover img,.bogo-dock .bogo-dock-ai:focus-visible img{transform:translateY(-2px);box-shadow:0 8px 18px rgba(255,106,31,.4)}
.bogo-dock .btn-whatsapp-like:hover > i,.bogo-dock .btn-whatsapp-like:focus-visible > i{background:#1FA971;box-shadow:0 8px 18px rgba(31,169,113,.35)}
.bogo-dock .btn-success:hover > i,.bogo-dock .btn-success:focus-visible > i,.bogo-dock .btn-info:hover > i,.bogo-dock .btn-info:focus-visible > i{background:var(--bogo-teal);box-shadow:0 8px 18px rgba(14,124,134,.35)}
.bogo-dock .btn-warning:hover > i,.bogo-dock .btn-warning:focus-visible > i{background:var(--bogo-yellow);color:var(--bogo-navy);box-shadow:0 8px 18px rgba(255,201,60,.45)}
.bogo-dock .btn-pqr:hover > i,.bogo-dock .btn-primary:hover > i,.bogo-dock .btn-danger:hover > i,.bogo-dock .btn-pqr:focus-visible > i,.bogo-dock .btn-primary:focus-visible > i,.bogo-dock .btn-danger:focus-visible > i{background:var(--bogo-grad);box-shadow:0 8px 18px rgba(255,106,31,.35)}
.bogo-dock .bogo-dock-btn:focus-visible{outline:2px solid var(--bogo-orange);outline-offset:2px}
@media (max-width:767px){.bogo-dock{display:flex!important;float:none;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.bogo-dock .bogo-dock-btn{min-width:52px}}
/* Modales: encabezado claro con chip de marca */
body.arya-ui .modal-header{background:#fff!important;color:var(--bogo-navy)!important;border-bottom:1px solid var(--bogo-line)!important;padding:16px 20px 14px 70px!important;min-height:64px}
body.arya-ui .modal-header::before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:11px;background:url("/bogo_ai/images/bogo_mark.svg?v=5") center/cover no-repeat;box-shadow:0 4px 12px rgba(11,60,93,.18)}
body.arya-ui .modal-header::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#FF6A1F,#FFC93C)}
body.arya-ui .modal-header .modal-title,body.arya-ui .modal-header h4,body.arya-ui .modal-header h5{color:var(--bogo-navy)!important}
body.arya-ui .modal-header .modal-title i,body.arya-ui .modal-header .fa,body.arya-ui .modal-header .fas,body.arya-ui .modal-header .fab{color:var(--bogo-orange)!important}
body.arya-ui .modal-header .close{color:var(--bogo-navy)!important;opacity:.6!important;position:absolute;right:16px;top:50%;transform:translateY(-50%);margin:0!important}
body.arya-ui .modal-header .close:hover{opacity:1!important;color:var(--bogo-orange)!important}
body.arya-ui .modal-content{border-radius:20px!important;box-shadow:0 30px 70px rgba(6,32,47,.28)!important}
body.arya-ui .modal-backdrop.in{background:#0B3C5D;opacity:.35!important}
/* v3 fix: fuentes de iconos (otro CSS fuerza Inter en botones) y especificidad de colores */
body.arya-ui .bogo-dock i.fas,body.arya-ui .bogo-tb-pill i.fas,body.arya-ui .bogo-dock i.fas::before,body.arya-ui .bogo-tb-pill i.fas::before{font-family:"Font Awesome 5 Free"!important;font-weight:900!important;font-style:normal!important}
body.arya-ui .bogo-dock i.far,body.arya-ui .bogo-dock i.far::before{font-family:"Font Awesome 5 Free"!important;font-weight:400!important;font-style:normal!important}
body.arya-ui .bogo-dock i.fab,body.arya-ui .bogo-dock i.fab::before{font-family:"Font Awesome 5 Brands"!important;font-weight:400!important;font-style:normal!important}
body.arya-ui .bogo-dock .bogo-dock-btn,body.arya-ui .bogo-dock .bogo-dock-btn:hover,body.arya-ui .bogo-dock .bogo-dock-btn:focus{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--bogo-navy)!important;transform:none!important}
body.arya-ui .modal-body .modal-header::before{display:none}
body.arya-ui .modal-body .modal-header{padding-left:20px!important}
/* v3 fix2: los iconos del dock usan FontAwesome 4 (la fuente FA5 no carga en esta vista) */
body.arya-ui .bogo-dock i.fa,body.arya-ui .bogo-dock i.fa::before,body.arya-ui .bogo-tb-pill i.fa,body.arya-ui .bogo-tb-pill i.fa::before{font-family:FontAwesome!important;font-weight:400!important;font-style:normal!important}
body.arya-ui .modal-content .modal-body .btn-primary,body.arya-ui .modal-content .modal-body .btn-info,body.arya-ui .modal-content .modal-body .btn-success,body.arya-ui .modal-content .modal-footer .btn-primary,body.arya-ui .modal-content .modal-footer .btn-success{background:var(--bogo-grad)!important;border:0!important;color:#fff!important;border-radius:10px!important;box-shadow:0 6px 16px rgba(255,106,31,.3)!important}
/* ===== Logo Monserrate + bloque de marca del header (2026-10-12) ===== */
body.arya-ui .main-header .logo{padding:0 14px!important;justify-content:flex-start!important}
body.arya-ui .main-header .logo .logo-lg{gap:10px!important;width:100%;justify-content:flex-start}
body.arya-ui .main-header .logo .td-brand-head .av-wolf-wrap,body.arya-ui .main-header .logo .av-wolf-wrap{display:inline-flex;flex:0 0 auto;width:36px;height:36px}
body.arya-ui .main-header .av-wolf{width:36px!important;height:36px!important;border-radius:10px!important;box-shadow:0 4px 14px rgba(255,106,31,.30)!important;animation:none!important}
body.arya-ui .main-header .av-wolf-wrap::before,body.arya-ui .main-header .av-wolf-wrap::after{display:none!important}
.bogo-wm{font-size:21px;letter-spacing:-.6px;display:inline-flex;align-items:baseline}
.bogo-wm b{margin-left:5px}
.bogo-pill{margin-left:2px;align-self:center;font-size:9.5px;padding:3px 7px;box-shadow:0 2px 8px rgba(255,201,60,.35)}
body.arya-ui .main-header .logo .logo-mini{display:inline-flex;align-items:center;justify-content:center;width:100%}
/* v3 fix3: iconos SVG en linea (las fuentes de iconos fallan en esta vista) + header sin logo duplicado */
.bogo-dock .bogo-dock-btn > i.bogo-ico svg{width:20px;height:20px;display:block}
.bogo-tb-pill i.bogo-ico svg{width:13px;height:13px;display:block;stroke:#fff}
body.arya-ui:not(.sidebar-collapse) .main-header .logo .logo-mini{display:none!important}
body.arya-ui.sidebar-collapse .main-header .logo .logo-lg{display:none!important}
body.arya-ui.sidebar-collapse .main-header .logo .logo-mini{display:flex!important}
body.arya-ui .main-header .logo{overflow:visible!important}
body.arya-ui .main-header .logo .logo-lg{overflow:visible}
/* fix4: botones primarios de modales con especificidad de id */
body.arya-ui :is(#enviarCorreoModal,#enviarPQRModal,#enviarWhatsappPlantillaModal,#enviarencuestasModal,#ModalAgenda,#ModalSMS) .modal-content :is(.btn-primary,.btn-success,.btn-info){background:linear-gradient(135deg,#FF6A1F,#FFB020)!important;border:0!important;color:#fff!important;border-radius:10px!important;box-shadow:0 6px 16px rgba(255,106,31,.3)!important}
/* logo B (2026-10-12): wordmark con Monserrate en la 'o' */
body.arya-ui .main-header .logo .logo-lg.td-brand-head{display:flex!important;align-items:center;height:100%}
body.arya-ui .main-header .logo .bogo-hdr-logo{height:43px;width:auto;max-width:206px;display:block}
body.arya-ui .main-header a.logo span.logo-lg.td-brand-head img.bogo-hdr-logo{height:42px!important;width:201px!important;max-width:201px!important;max-height:42px!important;min-width:0!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important;background:none!important;padding:0!important;margin:0!important}