/* GesThor UI moderno - compatible PHP 5.3 / MySQL 5.6 */
:root{--gst-azul:#2f8fce;--gst-azul2:#1c6fae;--gst-azulosc:#0f2744;--gst-celeste:#eaf6ff;--gst-verde:#00b050;--gst-rojo:#f44336;--gst-amarillo:#9b9300;--gst-morado:#2722b8;--gst-borde:#d9e5ef;--gst-text:#102033;--gst-bg:#f4f8fb;}
html,body{background:#f4f8fb!important;color:var(--gst-text);font-family:'Open Sans',Arial,sans-serif;font-size:12px;}
.page-header.navbar{background:linear-gradient(90deg,var(--gst-azulosc),var(--gst-azul))!important;box-shadow:0 3px 15px rgba(15,39,68,.20);height:46px;min-height:46px;}
.page-logo{background:rgba(255,255,255,.08)!important;border-right:1px solid rgba(255,255,255,.12)}.page-logo img{object-fit:contain;border-radius:6px;background:#fff;padding:2px;}
.page-sidebar{background:linear-gradient(180deg,#0a1628 0%,#102846 55%,#0d2139 100%)!important;box-shadow:4px 0 24px rgba(0,0,0,.18)!important;transition:width .22s ease!important}
.page-sidebar-wrapper,.page-sidebar-wrapper #navigation,.page-sidebar-wrapper .page-sidebar{display:block!important}
.page-sidebar .page-sidebar-menu{margin:0!important;padding:10px 0 24px!important;list-style:none!important;min-height:calc(100vh - 52px)!important}
.page-sidebar .page-sidebar-menu>li{list-style:none!important;margin:4px 8px!important;position:relative!important}
.page-sidebar .page-sidebar-menu>li.heading{list-style:none!important;margin:14px 8px 4px!important;padding:0!important;background:transparent!important;border:none!important}
.page-sidebar .page-sidebar-menu>li.heading h3{color:#6eb6f7!important;font-weight:700!important;font-size:9px!important;letter-spacing:1.4px!important;text-transform:uppercase!important;margin:0!important;padding:0 6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.page-sidebar .page-sidebar-menu>li>a{display:flex!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:9px 12px!important;border-radius:10px!important;border:1px solid transparent!important;color:#d4e8fb!important;text-decoration:none!important;font-size:12px!important;font-weight:600!important;line-height:1.25!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .15s ease!important;position:relative!important;overflow:visible!important}
.page-sidebar .page-sidebar-menu>li>a>i{width:36px!important;min-width:36px!important;height:36px!important;line-height:36px!important;text-align:center!important;margin:0!important;font-size:14px!important;background:#1a3552!important;border-radius:9px!important;color:#a8d8ff!important;flex-shrink:0!important;transition:background .18s ease,color .18s ease!important}
.page-sidebar .page-sidebar-menu>li>a>.title{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.25!important;color:inherit!important;flex:1!important;min-width:0!important;word-break:break-word!important}
.page-sidebar .page-sidebar-menu>li:hover>a{background:#1a5080!important;border-color:#3d9ae8!important;color:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.22)!important}
.page-sidebar .page-sidebar-menu>li:hover>a>i{background:#2f8fce!important;color:#fff!important}
.page-sidebar .page-sidebar-menu>li.active>a,.page-sidebar .page-sidebar-menu>li.nav-item.active>a{background:linear-gradient(90deg,#1f7ec4,#175a8f)!important;border-color:#5eb8ff!important;color:#fff!important;box-shadow:inset 3px 0 0 #7ec8ff,0 4px 12px rgba(0,0,0,.2)!important}
.page-sidebar .page-sidebar-menu>li.active>a>i,.page-sidebar .page-sidebar-menu>li.nav-item.active>a>i{background:#2890dc!important;color:#fff!important}
.page-content{background:var(--gst-bg)!important;padding:18px 18px 30px!important}.portlet,.card,.login-box .card{border:0!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(25,75,120,.12)!important;overflow:hidden;background:#fff!important}.portlet.box.blue>.portlet-title,.portlet>.portlet-title{background:linear-gradient(90deg,var(--gst-azul),#42a5f5)!important;border:0!important;padding:9px 14px!important}.portlet-title .caption{font-weight:700!important;color:white!important}
.portlet-body,.panel-body{padding:14px!important;background:#fff!important}.table-responsive{border:0!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.table,.dataTable{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:white!important;border-radius:10px;overflow:hidden}.table th,.table td,table th,table td{vertical-align:middle!important;padding:7px 8px!important;border-color:var(--gst-borde)!important;white-space:nowrap;font-size:11px;line-height:1.25}.table thead th,table thead th,.table tr[style*='background-color'] th{background:#3c78bd!important;color:#fff!important;font-weight:700!important;text-transform:uppercase;font-size:11px;letter-spacing:.2px}.table tbody tr:nth-child(even){background:#f8fbff!important}.table tbody tr:hover{background:#eef7ff!important}
a{color:#1a65b7;font-weight:600}input[type='text'],input[type='password'],input[type='date'],input[type='datetime-local'],select,textarea,.form-control{border:1px solid #bdd3e7!important;border-radius:8px!important;min-height:30px;padding:5px 8px!important;box-shadow:none!important}input[type='button'],input[type='submit'],button,.btn{border-radius:8px!important;border:0!important;padding:6px 10px!important;font-weight:700!important;background:#1f8ed6!important;color:#fff!important;box-shadow:0 4px 10px rgba(31,142,214,.20)}input[type='button']:hover,input[type='submit']:hover,button:hover,.btn:hover{filter:brightness(.95)}
td[style*='green'],td[bgcolor*='green'],.label-success{background:var(--gst-verde)!important;color:#fff!important;font-weight:700!important;border-radius:4px}td[style*='red'],.label-danger{background:var(--gst-rojo)!important;color:#fff!important;font-weight:700!important}td[style*='blue'],.label-info{background:var(--gst-morado)!important;color:#fff!important;font-weight:700!important}td[style*='olive'],td[style*='yellow'],.label-warning{background:var(--gst-amarillo)!important;color:#fff!important;font-weight:700!important}.gst-abandonadas{background:#fff3e0!important;color:#b45f00!important;font-weight:800!important;text-align:center!important}
.gst-monitor-row-critical{background:#ffe5e5!important}
.gst-monitor-row-warning{background:#fff8e1!important}
.gst-monitor-pending-high{background:#ffcccc!important;color:#b71c1c!important;font-weight:800!important;text-align:center!important}
.gst-monitor-alert-banner{background:transparent!important;border:0!important;padding:0 0 10px!important;margin-bottom:4px}
.gst-monitor-alert-critical-msg{background:#d32f2f;color:#fff;font-weight:700;padding:8px 12px;border-radius:8px;margin:0 0 6px}
.gst-monitor-alert-warning-msg{background:#f57c00;color:#fff;font-weight:700;padding:8px 12px;border-radius:8px;margin:0 0 6px}
#monitor .gst-monitor-row-critical,#monitor .gst-monitor-alert-critical-msg{animation:gst-monitor-pulse 1.2s ease-in-out infinite!important}
@keyframes gst-monitor-pulse{0%,100%{opacity:1}50%{opacity:.72}}
.gst-kpi-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 14px}.gst-kpi{background:linear-gradient(135deg,#fff,#eef8ff);border:1px solid var(--gst-borde);border-radius:14px;padding:12px;box-shadow:0 5px 16px rgba(40,90,140,.08)}.gst-kpi b{display:block;font-size:20px;color:#1468aa}.gst-kpi span{font-size:11px;color:#5a6b7b;text-transform:uppercase;font-weight:700}.gst-chart{margin:10px 0 16px;padding:12px;border:1px solid var(--gst-borde);border-radius:14px;background:#fbfdff}.gst-bar{height:18px;border-radius:20px;background:linear-gradient(90deg,#1f8ed6,#75c6ff);min-width:2%;}.gst-bar-row{display:grid;grid-template-columns:180px 1fr 50px;gap:8px;align-items:center;margin:7px 0;font-size:11px}.gst-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.gst-login-brand{display:block;margin:auto;max-width:260px;height:auto}.login-page{background:linear-gradient(135deg,rgba(15,39,68,.72),rgba(47,143,206,.68)),url('https://alisys.net/images/blog/alisys_20180815_contact_center.jpg') center/cover fixed!important}.login-box{width:380px}.login-box .card-header{background:linear-gradient(90deg,#fff,#eaf6ff)!important}.login-box-msg{font-weight:700;color:#17476f}.page-footer{background:#102846;color:#dceeff;padding:10px 20px;margin-left:0}
@media (min-width:769px){
  .page-sidebar-wrapper,
  #navigation,
  .page-sidebar{
    position:fixed!important;
    left:0!important;
    top:42px!important;
    bottom:0!important;
    height:auto!important;
    min-height:calc(100vh - 42px)!important;
    max-height:calc(100vh - 42px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:9998!important;
  }
  #navigation.collapse{display:block!important;height:auto!important;visibility:visible!important}
  body.page-sidebar-closed .page-sidebar,
  body.page-sidebar-closed .page-sidebar-wrapper,
  body.page-sidebar-closed #navigation{width:64px!important}
  body.page-sidebar-closed .page-content-wrapper .page-content{margin-left:64px!important}
  body.page-sidebar-closed .gst-page-monitor-wrap{margin-left:64px!important;width:calc(100% - 64px)!important}
  body:not(.page-sidebar-closed) .page-sidebar,
  body:not(.page-sidebar-closed) .page-sidebar-wrapper,
  body:not(.page-sidebar-closed) #navigation{width:272px!important}
  body:not(.page-sidebar-closed) .page-content-wrapper .page-content{margin-left:272px!important}
  body:not(.page-sidebar-closed) .gst-page-monitor-wrap{margin-left:272px!important;width:calc(100% - 272px)!important}
}
@media (min-width:1367px){
  body:not(.page-sidebar-closed) .page-sidebar,
  body:not(.page-sidebar-closed) .page-sidebar-wrapper,
  body:not(.page-sidebar-closed) #navigation{width:272px!important}
  body:not(.page-sidebar-closed) .page-content-wrapper .page-content{margin-left:272px!important}
}
@media (max-width:1366px){
  .page-content{padding:12px!important}.table th,.table td,table th,table td{font-size:10.5px;padding:5px 6px!important}.portlet-body{padding:10px!important}.btn,input[type='button'],input[type='submit']{padding:5px 8px!important;font-size:11px!important}.gst-bar-row{grid-template-columns:135px 1fr 40px}
}

/* Monitor: sin parpadeo al refrescar */
#monitor,#monitor *{animation:none!important}
#monitor *{transition:none!important}
.gst-page-monitor-wrap{padding:0!important;float:left!important;width:100%!important;box-sizing:border-box!important;transition:margin-left .22s ease,width .22s ease!important}
#monitor .page-content-wrapper,#monitor .page-content{margin-left:0!important;padding:0!important;background:transparent!important}
#monitor .portlet{margin-bottom:0!important;border-radius:0 0 14px 14px!important}
#monitor .row{margin:0!important}
#monitor .col-md-12{padding:0!important}
.gst-monit-topbar{background:#fff;border-bottom:1px solid var(--gst-borde);padding:12px 18px;margin:0;box-shadow:0 2px 12px rgba(15,39,68,.06)}
.gst-monit-filters{display:flex!important;flex-wrap:wrap!important;gap:16px 24px!important;align-items:flex-end!important;margin:0!important;position:static!important;background:transparent!important;box-shadow:none!important;padding:0!important;z-index:auto!important}
.gst-filter-field{display:flex;flex-direction:column;gap:5px;min-width:220px;flex:1 1 220px;max-width:320px}
.gst-filter-field label{font-size:11px!important;font-weight:700!important;color:#475569!important;text-transform:uppercase!important;letter-spacing:.4px!important;margin:0!important;display:flex!important;align-items:center!important;gap:6px!important}
.gst-filter-field label i{color:var(--gst-azul)!important;font-size:12px!important}
.gst-select,.gst-monit-filters select{width:100%!important;min-width:0!important;min-height:38px!important;padding:8px 12px!important;border:1px solid #c5d9ed!important;border-radius:10px!important;background:#f8fbff!important;font-size:13px!important;font-weight:600!important;color:var(--gst-text)!important;cursor:pointer!important;box-shadow:0 1px 3px rgba(15,39,68,.06)!important}
.gst-select:focus,.gst-monit-filters select:focus{border-color:var(--gst-azul)!important;background:#fff!important;outline:none!important;box-shadow:0 0 0 3px rgba(47,143,206,.15)!important}
.gst-monit-portlet-title{padding:12px 16px!important}
.gst-monit-portlet-title .caption{padding:0!important}
.gst-monit-portlet-title .tools{display:none}
.page-sidebar::-webkit-scrollbar{width:6px}
.page-sidebar::-webkit-scrollbar-thumb{background:rgba(111,186,255,.35);border-radius:6px}
.page-sidebar::-webkit-scrollbar-track{background:transparent}
.gst-monit-caption{width:100%!important;display:block!important}
.gst-monit-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:10px}
.gst-monit-head-title{font-size:14px!important;color:#fff!important;white-space:nowrap}
.gst-monit-head-title .gst-agent-ws-dot{margin-left:8px;vertical-align:middle;flex-shrink:0}
.gst-monit-head-clock{font-size:14px!important;color:#e3f2fd!important;font-weight:700!important;font-variant-numeric:tabular-nums}
.gst-monit-camp-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;width:100%;padding:4px 0}
.gst-monit-camp-name{font-size:16px;font-weight:700;color:#1a237e;letter-spacing:.02em;min-width:120px}
.gst-monit-camp-badges{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;justify-content:flex-end;flex:1}
.gst-monit-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;background:#e3f2fd;color:#1565c0;border:1px solid #bbdefb;white-space:nowrap;line-height:1.2}
.gst-monit-badge i{font-size:12px;opacity:.9;flex-shrink:0}
.gst-monit-badge-lbl{font-size:10px;font-weight:600;opacity:.88;text-transform:uppercase;letter-spacing:.03em}
.gst-monit-badge-val{font-size:14px;font-weight:800;min-width:1.2em;text-align:center}
.gst-monit-badge-agt{background:#e8f5e9;color:#2e7d32;border-color:#c8e6c9}
.gst-monit-badge-warn{background:#fff3e0;color:#e65100;border-color:#ffe0b2}
.gst-monit-badge-pend{background:#fce4ec;color:#c62828;border-color:#f8bbd0}
.gst-monit-badge-int{background:#ede7f6;color:#4527a0;border-color:#d1c4e9}
.gst-monit-badge-dial{background:#e8f5e9;color:#1b5e20;border-color:#a5d6a7}
.gst-monit-badge-wait{background:#fff8e1;color:#f57f17;border-color:#ffe082}
.gst-monitor-dial-active{background:#e8f5e9;font-weight:700}
.gst-monitor-dial-ready{background:#fff3e0;font-weight:700}
.gst-monitor-dial-wait{background:#fffde7;color:#795548}
.gst-monit-camp-panel-head.gst-monitor-row-critical .gst-monit-camp-name{color:#b71c1c}
.gst-monit-camp-panel-head.gst-monitor-row-warning .gst-monit-camp-name{color:#e65100}
.gst-monit-camp-panel-head{padding:10px 14px!important}
.gst-monit-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gst-monit-nav-btn{background:rgba(255,255,255,.95)!important;color:var(--gst-azul2)!important;border:1px solid rgba(255,255,255,.6)!important;font-size:11px!important;font-weight:700!important;padding:7px 14px!important;border-radius:999px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;cursor:pointer!important;white-space:nowrap!important;transition:background .15s ease,transform .15s ease!important}
.gst-monit-nav-btn:hover{background:#fff!important;color:var(--gst-azul)!important;transform:translateY(-1px)!important;filter:none!important}
.gst-monit-nav-btn.gst-monit-nav-active{background:#fff!important;color:var(--gst-azul2)!important;box-shadow:0 3px 12px rgba(0,0,0,.15)!important;border-color:#fff!important}
.gst-monitor-body{padding:16px!important}
.gst-monitor-body .table thead th,.gst-monitor-body table thead th{background:linear-gradient(180deg,#4a86c8,#3a72b0)!important}
.gst-table-scroll{overflow-x:auto;border-radius:10px;-webkit-overflow-scrolling:touch}
.gst-table-scroll.gst-has-scroll{box-shadow:inset -8px 0 12px -8px rgba(30,136,229,.12)}

/* Tablas responsive en movil (cards) */
@media (max-width:992px){
  body.page-sidebar-closed .page-sidebar .page-sidebar-menu>li.nav-item>a[data-gst-tip]::after,
  .page-sidebar-menu-closed>li>a[data-gst-tip]::after{display:none!important}
  body.page-sidebar-closed .page-sidebar .page-sidebar-menu>li.nav-item>a[data-gst-tip]::before,
  .page-sidebar-menu-closed>li>a[data-gst-tip]::before{display:none!important}
  .gst-table-cards thead{display:none!important}
  .gst-table-cards tbody tr{display:block;margin-bottom:10px;border:1px solid var(--gst-borde)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 4px 12px rgba(25,75,120,.08)!important;overflow:hidden}
  .gst-table-cards tbody td{display:flex!important;justify-content:space-between;align-items:center;gap:8px;white-space:normal!important;text-align:right!important;border:0!important;border-bottom:1px solid #eef4fb!important;padding:8px 12px!important}
  .gst-table-cards tbody td::before{content:attr(data-label);font-weight:700;color:#64748b;text-transform:uppercase;font-size:10px;text-align:left;flex:0 0 45%}
  .gst-table-cards tbody td:last-child{border-bottom:0!important}
  .gst-monit-topbar{padding:10px 12px!important}
  .gst-filter-field{min-width:100%!important;max-width:none!important}
  .gst-monit-nav{gap:6px}
  .gst-monit-nav-btn{padding:6px 10px!important;font-size:10px!important}
  .gst-monit-head{flex-direction:column;align-items:flex-start}
}

/* Webphone superior - botones y alineacion del header */
.page-header.navbar{height:42px!important;min-height:42px!important;}
.page-header.navbar .page-header-inner{height:42px!important;}
.page-logo{height:42px!important;display:flex!important;align-items:center!important;}
.page-logo img.logo-default{height:24px!important;width:auto!important;max-width:145px!important;margin-top:0!important;}
.top-menu{height:42px!important;}
.gst-webphone-bar{position:absolute!important;left:74px!important;top:5px!important;right:245px!important;height:32px!important;overflow:visible!important;transition:left .22s ease!important}
body:not(.page-sidebar-closed) .gst-webphone-bar{left:282px!important}
.gst-webphone-bar table{border-collapse:separate!important;border-spacing:7px 0!important;margin:0!important;height:32px!important;}
.gst-webphone-bar td{border:0!important;padding:0!important;background:transparent!important;vertical-align:middle!important;height:32px!important;}
.gst-webphone-bar button,.gst-webphone-bar .btn,.gst-webphone-bar input.form-control{height:30px!important;min-height:30px!important;border-radius:7px!important;font-size:11px!important;line-height:1!important;padding:0 9px!important;box-shadow:0 3px 8px rgba(0,0,0,.18)!important;border:1px solid rgba(255,255,255,.20)!important;}
.gst-webphone-bar .gst-wp-pill,.gst-webphone-bar #duration{background:#1b84c6!important;color:#fff!important;font-weight:800!important;}
.gst-webphone-bar #status{background:#1b84c6!important;color:#fff!important;width:92px!important;}
.gst-webphone-bar #number{width:120px!important;background:#fff!important;color:#15253a!important;border-color:#c8d8e8!important;box-shadow:0 3px 8px rgba(0,0,0,.12)!important;}
.gst-webphone-bar #call{background:#129447!important;color:#fff!important;width:48px!important;border-color:#0b6b31!important;}
.gst-webphone-bar #call:hover{background:#0f7f3d!important;filter:none!important;}
.gst-webphone-bar #hangup{background:#d83232!important;color:#fff!important;width:48px!important;border-color:#a81717!important;}
.gst-webphone-bar #hangup:hover{background:#bd2424!important;filter:none!important;}
.gst-webphone-bar #hangup_bye{background:#8b188f!important;color:#fff!important;width:48px!important;border-color:#631166!important;}
.gst-webphone-bar #hangup_bye:hover{background:#741278!important;filter:none!important;}
.gst-webphone-bar .fas{font-size:13px!important;}
@media (max-width:1366px){
  body.page-sidebar-closed .gst-webphone-bar{left:74px!important}
  body:not(.page-sidebar-closed) .gst-webphone-bar{left:282px!important}
  .gst-webphone-bar{right:210px!important;top:5px!important}
  .gst-webphone-bar table{border-spacing:5px 0!important}
  .gst-webphone-bar #number{width:105px!important}
  .gst-webphone-bar #status{width:86px!important}
  .gst-webphone-bar .gst-wp-pill,.gst-webphone-bar #duration{width:78px!important}
  .gst-webphone-bar #call,.gst-webphone-bar #hangup,.gst-webphone-bar #hangup_bye{width:43px!important}
}

body.page-sidebar-closed .page-sidebar,
body.page-sidebar-closed .page-sidebar-wrapper,
body.page-sidebar-closed #navigation{overflow:visible!important}
body.page-sidebar-closed .page-sidebar .page-sidebar-menu{overflow:visible!important}
body.page-sidebar-closed .page-sidebar .title,
body.page-sidebar-closed .page-sidebar .arrow,
body.page-sidebar-closed .page-sidebar .gst-menu-title,
body.page-sidebar-closed .page-sidebar .gst-menu-sub,
.page-sidebar-menu-closed .heading,
.page-sidebar-menu-closed .title,
.page-sidebar-menu-closed .arrow,
.page-sidebar-menu-closed .gst-menu-title,
.page-sidebar-menu-closed .gst-menu-sub{display:none!important}
body.page-sidebar-closed .page-sidebar .gst-menu-group.gst-menu-flyout>.gst-menu-sub,
.page-sidebar-menu-closed .gst-menu-group.gst-menu-flyout>.gst-menu-sub{display:block!important}
body.page-sidebar-closed .page-sidebar .gst-menu-group.gst-menu-flyout>.gst-menu-sub .title,
.page-sidebar-menu-closed .gst-menu-group.gst-menu-flyout>.gst-menu-sub .title{display:block!important}
body.page-sidebar-closed .gst-menu-group.gst-menu-flyout>.gst-menu-toggle[data-gst-tip]::after,
body.page-sidebar-closed .gst-menu-group.gst-menu-flyout:hover>.gst-menu-toggle[data-gst-tip]::after,
.page-sidebar-menu-closed .gst-menu-group.gst-menu-flyout>.gst-menu-toggle[data-gst-tip]::after,
.page-sidebar-menu-closed .gst-menu-group.gst-menu-flyout:hover>.gst-menu-toggle[data-gst-tip]::after{display:none!important}
body.page-sidebar-closed .page-sidebar .page-sidebar-menu>li.heading{margin:10px 8px 2px!important;height:1px!important;overflow:hidden!important;background:linear-gradient(90deg,transparent,rgba(110,182,247,.35),transparent)!important}
body.page-sidebar-closed .page-sidebar .page-sidebar-menu>li.heading h3{display:none!important}
body.page-sidebar-closed .page-sidebar .page-sidebar-menu>li{margin:3px 5px!important}
body.page-sidebar-closed .page-sidebar .page-sidebar-menu>li>a,
.page-sidebar-menu-closed>li>a{justify-content:center!important;padding:7px 0!important;gap:0!important;border-radius:10px!important}
body.page-sidebar-closed .page-sidebar .page-sidebar-menu>li>a>i,
.page-sidebar-menu-closed>li>a>i{margin:0!important;width:38px!important;min-width:38px!important;height:38px!important;line-height:38px!important;font-size:15px!important}
body.page-sidebar-closed .page-sidebar .page-sidebar-menu>li.nav-item>a[data-gst-tip]::after,
.page-sidebar-menu-closed>li>a[data-gst-tip]::after,
body.page-sidebar-closed .page-sidebar .gst-menu-group>.gst-menu-toggle[data-gst-tip]::after,
.page-sidebar-menu-closed .gst-menu-group>.gst-menu-toggle[data-gst-tip]::after{
  content:attr(data-gst-tip);
  position:absolute;
  left:calc(100% + 10px);
  top:50%;
  transform:translateY(-50%) translateX(-6px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:linear-gradient(135deg,#1a6fad,#2f8fce);
  color:#fff;
  padding:9px 14px;
  border-radius:10px;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.12);
  z-index:10050;
  letter-spacing:.2px;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
body.page-sidebar-closed .page-sidebar .page-sidebar-menu>li.nav-item>a[data-gst-tip]::before,
.page-sidebar-menu-closed>li>a[data-gst-tip]::before,
body.page-sidebar-closed .page-sidebar .gst-menu-group>.gst-menu-toggle[data-gst-tip]::before,
.page-sidebar-menu-closed .gst-menu-group>.gst-menu-toggle[data-gst-tip]::before{
  content:'';
  position:absolute;
  left:calc(100% + 4px);
  top:50%;
  transform:translateY(-50%);
  border:6px solid transparent;
  border-right-color:#2480be;
  opacity:0;
  visibility:hidden;
  z-index:10051;
  transition:opacity .16s ease,visibility .16s ease;
}
body.page-sidebar-closed .page-sidebar .page-sidebar-menu>li.nav-item:hover>a[data-gst-tip]::after,
.page-sidebar-menu-closed>li:hover>a[data-gst-tip]::after,
body.page-sidebar-closed .page-sidebar .gst-menu-group:hover>.gst-menu-toggle[data-gst-tip]::after,
.page-sidebar-menu-closed .gst-menu-group:hover>.gst-menu-toggle[data-gst-tip]::after{
  opacity:1;
  visibility:visible;
  transform:translateY(-50%) translateX(0);
}
body.page-sidebar-closed .page-sidebar .page-sidebar-menu>li.nav-item:hover>a[data-gst-tip]::before,
.page-sidebar-menu-closed>li:hover>a[data-gst-tip]::before,
body.page-sidebar-closed .page-sidebar .gst-menu-group:hover>.gst-menu-toggle[data-gst-tip]::before,
.page-sidebar-menu-closed .gst-menu-group:hover>.gst-menu-toggle[data-gst-tip]::before{
  opacity:1;
  visibility:visible;
}
body.page-sidebar-closed .page-sidebar .page-sidebar-menu>li.nav-item:hover>a,
.page-sidebar-menu-closed>li:hover>a,
body.page-sidebar-closed .page-sidebar .gst-menu-group:hover>.gst-menu-toggle,
.page-sidebar-menu-closed .gst-menu-group:hover>.gst-menu-toggle{
  z-index:10040;
  background:#1a5080!important;
  border-color:#3d9ae8!important;
  box-shadow:0 4px 16px rgba(0,0,0,.3)!important;
}
body.page-sidebar-closed .page-sidebar .gst-menu-group>.gst-menu-toggle,
.page-sidebar-menu-closed .gst-menu-group>.gst-menu-toggle{justify-content:center!important;padding:8px 0!important;min-height:42px!important}
body.page-sidebar-closed .page-sidebar .gst-menu-group,
.page-sidebar-menu-closed .gst-menu-group{margin:4px 5px!important}
body:not(.page-sidebar-closed) .page-sidebar .page-sidebar-menu>li>a>.title{opacity:1!important;visibility:visible!important;display:block!important}
body:not(.page-sidebar-closed) .page-sidebar .page-sidebar-menu>li>a{padding:9px 14px!important}
body:not(.page-sidebar-closed) .page-sidebar .page-sidebar-menu>li.heading{margin:16px 10px 6px!important;height:auto!important;background:transparent!important}
body:not(.page-sidebar-closed) .page-sidebar .page-sidebar-menu>li.heading h3{display:block!important;font-size:10px!important}
body:not(.page-sidebar-closed) .page-sidebar .page-sidebar-menu>li>a:hover{transform:translateX(2px)!important}
body:not(.page-sidebar-closed) .gst-menu-group>.gst-menu-toggle:hover{background:rgba(66,165,245,.18)!important;border-left-color:#5eb8ff!important;color:#fff!important}
body.page-sidebar-closed .page-sidebar .page-sidebar-menu>li>a,
.page-sidebar-menu-closed>li>a,
body.page-sidebar-closed .page-sidebar .gst-menu-group>.gst-menu-toggle{overflow:visible!important}
.page-sidebar .page-sidebar-menu>li>a{overflow:hidden!important}
.page-sidebar .heading{padding:0 6px 4px!important;overflow:hidden!important}
.page-sidebar .heading h3{margin:0!important}
.menu-toggler.sidebar-toggler{cursor:pointer!important;opacity:.85!important;transition:opacity .15s ease!important}
.menu-toggler.sidebar-toggler:hover{opacity:1!important}
@media (max-width:768px){
  body.page-sidebar-closed .page-sidebar,
  body.page-sidebar-closed .page-sidebar-wrapper,
  body.page-sidebar-closed #navigation{width:64px!important}
  body.page-sidebar-closed .page-content-wrapper .page-content,
  body.page-sidebar-closed .gst-page-monitor-wrap{margin-left:64px!important;width:calc(100% - 64px)!important}
  body:not(.page-sidebar-closed) .page-content-wrapper .page-content,
  body:not(.page-sidebar-closed) .gst-page-monitor-wrap{margin-left:0!important;width:100%!important}
  body:not(.page-sidebar-closed) .page-sidebar,
  body:not(.page-sidebar-closed) .page-sidebar-wrapper,
  body:not(.page-sidebar-closed) #navigation{position:fixed!important;z-index:9999!important;height:calc(100vh - 42px)!important;left:0!important;top:42px!important;width:280px!important;box-shadow:8px 0 32px rgba(0,0,0,.35)!important}
  body.page-sidebar-closed .gst-webphone-bar{left:74px!important}
  body:not(.page-sidebar-closed) .gst-webphone-bar{left:74px!important}
}

/* Barra agente WebSocket */
.gst-agent-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 14px;margin:0 0 10px;background:linear-gradient(90deg,#0f2744,#1a5080);border-radius:12px;color:#e8f4ff;font-size:11px;box-shadow:0 4px 16px rgba(15,39,68,.18)}
.gst-agent-bar.gst-agent-offline{background:linear-gradient(90deg,#5c1a1a,#8b2e2e)}
.gst-agent-pill{padding:4px 10px;border-radius:999px;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.3px}
.gst-agent-est{background:#00b050;color:#fff}
.gst-agent-eve-wait{background:#9b9300;color:#fff}
.gst-agent-eve-ring{background:#7b1fa2;color:#fff}
.gst-agent-eve-talk{background:#1565c0;color:#fff}
.gst-agent-eve-acw{background:#e65100;color:#fff}
.gst-agent-eve-hang{background:#546e7a;color:#fff}
.gst-agent-eve-default{background:#455a64;color:#fff}
.gst-agent-meta{color:#b8d9f5}.gst-agent-meta b{color:#fff}
.gst-agent-acw{background:#ff6f00;color:#fff;padding:4px 10px;border-radius:8px;font-weight:700}
.gst-agent-clock{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:700;color:#90caf9}
.gst-agent-ws-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.gst-ws-on{background:#69f0ae;box-shadow:0 0 6px #69f0ae}
.gst-ws-off{background:#ef5350}
.gst-cola-alert{position:fixed;top:132px;left:50%;transform:translateX(-50%);z-index:99999;background:#c62828;color:#fff;padding:14px 22px;border-radius:8px;font-weight:700;font-size:13px;box-shadow:0 6px 24px rgba(0,0,0,.45);text-align:center;max-width:92%;line-height:1.4}

/* Sidebar: grupos colapsables */
.gst-menu-group{margin:6px 8px 8px!important;padding:0!important;list-style:none!important;border-radius:12px!important;background:rgba(0,0,0,.12)!important;border:1px solid rgba(110,182,247,.12)!important;overflow:hidden!important}
.gst-menu-group.gst-menu-flyout{overflow:visible!important}
.gst-menu-group>.gst-menu-toggle{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;background:transparent!important;border-left:3px solid transparent!important;font-weight:700!important;font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#8ec8f8!important;border-radius:0!important;min-height:44px!important}
.gst-menu-group.gst-menu-open>.gst-menu-toggle{border-left-color:#42a5f5!important;background:rgba(66,165,245,.14)!important;color:#fff!important}
.gst-menu-sign{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;line-height:1!important;border-radius:6px!important;background:rgba(255,255,255,.12)!important;font-size:15px!important;font-weight:800!important;flex-shrink:0!important;color:#fff!important}
.gst-menu-title{flex:1!important;line-height:1.3!important;white-space:normal!important;word-break:break-word!important}
.gst-menu-sub{margin:0!important;padding:4px 6px 8px!important;background:rgba(0,0,0,.18)!important;list-style:none!important;display:none!important}
.gst-menu-group.gst-menu-open>.gst-menu-sub{display:block!important}
.gst-menu-sub .nav-item{margin:2px 0!important;list-style:none!important}
.gst-menu-sub .nav-item>a{padding:8px 12px 8px 14px!important;font-size:12px!important;min-height:40px!important;border-radius:8px!important;margin:0 4px!important}
.gst-menu-sub .nav-item>a>i{width:32px!important;min-width:32px!important;height:32px!important;line-height:32px!important;font-size:13px!important}
.gst-menu-sub .nav-item.active>a{background:linear-gradient(90deg,rgba(47,143,206,.45),rgba(47,143,206,.2))!important;border-color:rgba(94,184,255,.35)!important}

/* Flyout lateral cuando sidebar contraido */
body.page-sidebar-closed .gst-menu-group.gst-menu-flyout,
.page-sidebar-menu-closed .gst-menu-group.gst-menu-flyout{overflow:visible!important;z-index:10055!important}
body.page-sidebar-closed .gst-menu-group.gst-menu-flyout>.gst-menu-sub,
.page-sidebar-menu-closed .gst-menu-group.gst-menu-flyout>.gst-menu-sub{
  min-width:236px!important;
  max-width:300px!important;
  background:linear-gradient(180deg,#0c1d33 0%,#132a45 100%)!important;
  border-radius:12px!important;
  box-shadow:10px 14px 40px rgba(0,0,0,.45),0 0 0 1px rgba(110,182,247,.22)!important;
  padding:6px 8px 10px!important;
  margin:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body.page-sidebar-closed .gst-menu-group.gst-menu-flyout>.gst-menu-sub::before,
.page-sidebar-menu-closed .gst-menu-group.gst-menu-flyout>.gst-menu-sub::before{
  content:attr(data-group-title);
  display:block;
  padding:10px 12px 8px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#7ec8f8;
  border-bottom:1px solid rgba(110,182,247,.18);
  margin:0 4px 6px;
}
body.page-sidebar-closed .gst-menu-group.gst-menu-flyout>.gst-menu-sub .nav-item>a,
.page-sidebar-menu-closed .gst-menu-group.gst-menu-flyout>.gst-menu-sub .nav-item>a{
  justify-content:flex-start!important;
  padding:9px 12px!important;
  gap:10px!important;
  margin:2px 0!important;
  border-radius:8px!important;
}
body.page-sidebar-closed .gst-menu-group.gst-menu-flyout>.gst-menu-sub .nav-item>a>i,
.page-sidebar-menu-closed .gst-menu-group.gst-menu-flyout>.gst-menu-sub .nav-item>a>i{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  line-height:32px!important;
  margin:0!important;
}
body.page-sidebar-closed .gst-menu-group.gst-menu-flyout>.gst-menu-toggle,
.page-sidebar-menu-closed .gst-menu-group.gst-menu-flyout>.gst-menu-toggle{
  background:#1a5080!important;
  border-color:#3d9ae8!important;
  box-shadow:0 4px 16px rgba(0,0,0,.3)!important;
}