/* ==========================================================
   Zeta Hosting — estilo del área de clientes
   Mismos colores, letras y botones que las landings.
   Se carga después de all.min.css y custom.css.
   ========================================================== */

@font-face{font-family:'Inter';src:url(../fonts/inter-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Manrope';src:url(../fonts/manrope-latin-wght-normal.woff2) format('woff2');font-weight:200 800;font-display:swap}

:root{
  --zh-dark:#060d1f;--zh-dark2:#0a1729;--zh-card:#111f35;
  --zh-off:#f6f9fc;--zh-text:#0f1b2d;--zh-muted:#64748b;--zh-border:#e6edf5;
  --zh-cyan:#22d3ee;--zh-cyan2:#0ea5e9;--zh-cydark:#0891b2;--zh-green:#10b981;--zh-wa:#25d366;
  --zh-sans:'Inter','Segoe UI',system-ui,-apple-system,Arial,sans-serif;
  --zh-head:'Manrope','Inter',system-ui,sans-serif;
  --zh-ease:cubic-bezier(.22,1,.36,1);
}

/* ---------- base ---------- */
html{font-size:15px}
body{font-family:var(--zh-sans);color:var(--zh-text);background:var(--zh-off);-webkit-font-smoothing:antialiased;line-height:1.55}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--zh-head);color:var(--zh-text);font-weight:800;letter-spacing:-.01em}
a{color:var(--zh-cydark)}
a:hover,a:focus{color:#0e7490}
:focus-visible{outline:3px solid var(--zh-cyan);outline-offset:2px}
.text-muted,small,.small{color:var(--zh-muted)}
hr{border-top-color:var(--zh-border)}
input,button,select,textarea,.btn,.form-control,.navbar-toggle,.popover{font-family:var(--zh-sans)!important}
.panel-title i{margin-right:6px}

/* ---------- barra superior (igual a las landings) ---------- */
#zh-top{background:var(--zh-dark);border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:30}
#zh-top .zh-bar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px}
#zh-top .container::before,#zh-top .container::after{display:none}
.zh-brand{display:flex;align-items:center;flex:none}
.zh-brand img{height:46px;width:auto;display:block}
.zh-r{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}
.zh-r>li{display:flex;align-items:center;position:relative}
.zh-lnk{color:#cbd5e1;font-weight:600;font-size:14px;padding:9px 10px;border-radius:10px;text-decoration:none!important}
.zh-lnk:hover,.zh-lnk:focus{color:#fff;background:rgba(255,255,255,.06)}
.zh-soc{display:flex;align-items:center;gap:8px;margin:0 4px}
.zh-sb{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff!important;transition:transform .2s var(--zh-ease),box-shadow .2s,filter .2s;text-decoration:none!important}
.zh-sb svg{width:18px;height:18px;fill:currentColor}
.zh-sb.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.zh-sb.fb{background:#1877f2}
.zh-sb.wa{background:var(--zh-wa)}
.zh-sb.wa svg{width:19px;height:19px}
.zh-sb:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.zh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--zh-cyan),var(--zh-cyan2));color:var(--zh-dark)!important;font-weight:800;font-size:14px;padding:10px 18px;border-radius:12px;text-decoration:none!important;transition:transform .25s var(--zh-ease),box-shadow .25s;white-space:nowrap}
.zh-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(34,211,238,.35)}
.zh-btn-g{background:rgba(255,255,255,.08);color:#e2e8f0!important;border:1px solid rgba(255,255,255,.14)}
.zh-btn-g:hover{background:rgba(255,255,255,.14);box-shadow:none}
.zh-bell{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#cbd5e1!important;position:relative;text-decoration:none!important}
.zh-bell:hover{background:rgba(255,255,255,.08);color:#fff!important}
.zh-bell svg{width:21px;height:21px}
.zh-dot{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--zh-cyan);color:var(--zh-dark);font-size:10.5px;font-weight:800;line-height:17px;text-align:center}
.zh-r .caret{border-top-color:#cbd5e1}

/* popover de notificaciones / idioma */
.popover{font-family:var(--zh-sans);border:1px solid var(--zh-border);border-radius:14px;box-shadow:0 18px 50px rgba(15,27,45,.18)}
.popover-content{padding:6px}
.popover ul{list-style:none;margin:0;padding:0}
.popover .client-alerts li a{display:flex;gap:10px;padding:10px 12px;border-radius:10px;color:var(--zh-text);text-decoration:none}
.popover .client-alerts li a:hover{background:var(--zh-off)}
.popover .client-alerts li a i{margin-top:3px;color:var(--zh-cydark)}
.popover .client-alerts .none{padding:12px;color:var(--zh-muted)}
.popover ul li a{display:block;padding:7px 10px;border-radius:8px}

/* ---------- menú de la cuenta (solo con sesión iniciada) ---------- */
section#main-menu{background:var(--zh-dark2);border-bottom:1px solid rgba(255,255,255,.06)}
.navbar-main{background:transparent;border:0;min-height:50px;font-family:var(--zh-sans);font-size:14.5px;margin:0}
.navbar-main .navbar-nav>li>a{color:#cbd5e1;font-weight:600;padding-top:15px;padding-bottom:15px}
.navbar-main .navbar-nav>li>a:hover,.navbar-main .navbar-nav>li>a:focus,
.navbar-main .navbar-nav>.open>a,.navbar-main .navbar-nav>.open>a:hover,.navbar-main .navbar-nav>.open>a:focus,
.navbar-main .navbar-nav>.active>a{color:#fff;background:rgba(255,255,255,.06)}
.navbar-main li.account{background:transparent}
.navbar-main .navbar-nav>li>a .caret{border-top-color:currentColor}
.navbar-main .badge{background:var(--zh-cyan);color:var(--zh-dark)}
.navbar-main .dropdown-menu{border:1px solid var(--zh-border);border-radius:0 0 14px 14px;box-shadow:0 18px 40px rgba(15,27,45,.16);padding:6px;font-size:14px}
.navbar-main .dropdown-menu>li>a{padding:8px 12px;border-radius:8px;color:var(--zh-text)}
.navbar-main .dropdown-menu>li>a:hover,.navbar-main .dropdown-menu>li>a:focus{background:var(--zh-off);color:var(--zh-cydark)}
.navbar-main .dropdown-menu>li.nav-divider,.navbar-main .dropdown-menu .divider{background:var(--zh-border);margin:5px 0}
.navbar-main .navbar-toggle{border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:8px 12px;margin:8px 0;display:none;align-items:center;gap:10px;color:#e2e8f0;background:transparent}
.navbar-main .navbar-toggle:hover,.navbar-main .navbar-toggle:focus{background:rgba(255,255,255,.06)}
.navbar-main .navbar-toggle .icon-bar{background:#e2e8f0}
.zh-menu-txt{font-weight:700;font-size:14px}
.zh-bars{display:inline-block}
.zh-bars .icon-bar{display:block;width:18px;height:2px;border-radius:2px}
.zh-bars .icon-bar+.icon-bar{margin-top:4px}

/* ---------- contenido ---------- */
section#main-body{background:transparent;padding:34px 0 56px;min-height:420px}
div.header-lined h1{font-family:var(--zh-head);font-weight:800;color:var(--zh-text);border-bottom:0;font-size:28px;padding:0;margin:0 0 6px}
div.header-lined h1 small{display:block;font-family:var(--zh-sans);font-weight:500;font-size:15px;color:var(--zh-muted);margin-top:6px}
div.header-lined .breadcrumb{margin:0 0 22px;padding:0;font-size:13px;background:none}
div.header-lined .breadcrumb>li+li::before{color:#94a3b8}
div.header-lined .breadcrumb li a{color:var(--zh-muted)}
div.header-lined .breadcrumb>.active{color:var(--zh-text)}

/* tarjetas y paneles */
.panel{border:1px solid var(--zh-border);border-radius:16px;box-shadow:0 1px 2px rgba(15,27,45,.04);overflow:hidden}
.panel>.panel-heading{border-radius:0;border-bottom:1px solid var(--zh-border);background:#fff;padding:13px 18px}
.panel-title,.panel>.panel-heading .panel-title{font-family:var(--zh-head);font-weight:800;font-size:15.5px;color:var(--zh-text)}
.panel-footer{background:#fbfcfe;border-top-color:var(--zh-border)}
.panel-default>.panel-heading{color:var(--zh-text);background:#fff;border-color:var(--zh-border)}
.panel-primary{border-color:var(--zh-border)}
.panel-primary>.panel-heading{background:var(--zh-dark);border-color:var(--zh-dark);color:#fff}
.panel-primary>.panel-heading .panel-title{color:#fff}
.panel-sidebar{font-size:14.5px}
.panel-sidebar>.panel-heading{background:#fff}
.panel-sidebar .panel-title{font-family:var(--zh-head);font-weight:800;color:var(--zh-text);font-size:15px}
.panel-sidebar .panel-title i{color:var(--zh-cydark)}
.panel-sidebar .list-group-item{border-color:var(--zh-border);color:#334155;padding:10px 18px}
.panel-sidebar a.list-group-item:hover{background:var(--zh-off);color:var(--zh-cydark)}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover,
.panel-sidebar a.list-group-item.active,.panel-sidebar a.list-group-item.active:focus,.panel-sidebar a.list-group-item.active:hover{background:#ecfeff;border-color:var(--zh-border);color:var(--zh-cydark);font-weight:700;box-shadow:inset 3px 0 0 var(--zh-cyan)}
.list-group-item.active>.badge{background:var(--zh-cydark);color:#fff}
.panel-sidebar .badge{background:#e2e8f0;color:#334155}
.well{background:#fff;border:1px solid var(--zh-border);border-radius:16px;box-shadow:none}

/* botones */
.btn{border-radius:12px;font-weight:700;transition:transform .2s var(--zh-ease),box-shadow .2s,filter .2s,background-color .2s}
.btn-primary,.btn-primary:focus,.btn-info{background:linear-gradient(135deg,var(--zh-cyan),var(--zh-cyan2));border:0;color:var(--zh-dark)!important;font-weight:800}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary,.btn-primary:active:hover,.btn-primary:active:focus,
.btn-info:hover,.btn-info:active,.btn-info:focus{background:linear-gradient(135deg,var(--zh-cyan),var(--zh-cyan2));color:var(--zh-dark)!important;filter:brightness(1.04);box-shadow:0 10px 26px rgba(34,211,238,.32);transform:translateY(-1px)}
.btn-primary.disabled,.btn-primary[disabled]{opacity:.55;transform:none;box-shadow:none}
.btn-default{background:#fff;border:1px solid #d6e0ea;color:var(--zh-text)}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active{background:var(--zh-off);border-color:#c3d0dd;color:var(--zh-text)}
.btn-success,.btn-success:focus{background:var(--zh-green);border-color:var(--zh-green);color:#fff}
.btn-success:hover,.btn-success:active{background:#059669;border-color:#059669;color:#fff}
.btn-lg{padding:13px 24px;font-size:16px}

/* formularios */
.form-control{height:44px;border-radius:12px;border:1.5px solid #dbe4ee;box-shadow:none;font-size:15px;color:var(--zh-text);padding:9px 14px;transition:border-color .2s,box-shadow .2s}
textarea.form-control{height:auto}
select.form-control{padding:8px 12px}
.form-control:focus{border-color:var(--zh-cyan2);box-shadow:0 0 0 4px rgba(34,211,238,.18)}
.input-lg{height:50px}
.input-sm{height:34px;border-radius:9px}
label,.control-label{font-weight:700;color:#1e293b;font-size:14px}
.input-group-addon{border-radius:12px;border:1.5px solid #dbe4ee;background:var(--zh-off)}
.input-group .form-control:first-child,.input-group-addon:first-child{border-top-right-radius:0;border-bottom-right-radius:0}
.input-group .form-control:last-child,.input-group-addon:last-child{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group-btn .btn{height:44px}

/* tablas */
.table>thead>tr>th{border-bottom:1px solid var(--zh-border);color:var(--zh-muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.table>tbody>tr>td,.table>tbody>tr>th{border-top-color:var(--zh-border);vertical-align:middle}
.table-list{border-radius:14px;overflow:hidden}
.table-list>thead>tr>th{background:#fff}
.table-list>tbody>tr>td{background:#fff}
.table-list>tbody>tr:hover>td{background:#f8fbfd}
.table-container,.dataTables_wrapper{background:#fff;border:1px solid var(--zh-border);border-radius:16px;padding:10px}
.pagination>li>a,.pagination>li>span{color:var(--zh-cydark);border-color:var(--zh-border)}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>span{background:var(--zh-cydark);border-color:var(--zh-cydark)}

/* etiquetas de estado */
.label{border-radius:20px;padding:.35em .8em;font-weight:700;letter-spacing:.01em}
.status{border-radius:20px}

/* avisos */
.alert{border-radius:14px;border-width:1px}
.alert-info{background:#ecfeff;border-color:#a5f3fc;color:#155e75}
.alert-success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}
.alert-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}

/* tiles de inicio de la cuenta */
.tiles .tile{background:#fff;border-radius:0;transition:background .2s}
.tiles .tile:hover{background:#f8fbfd}
.tiles .tile .stat{font-family:var(--zh-head);font-weight:800;color:var(--zh-text)}
.tiles .tile .title{color:var(--zh-muted);font-weight:600}
.tiles .tile i{color:#cbd5e1}
.tiles .tile .highlight{height:3px}
.tiles .tile .highlight.bg-color-blue{background:var(--zh-cyan2)}
.tiles .tile .highlight.bg-color-green{background:var(--zh-green)}
.tiles .tile .highlight.bg-color-red{background:#ef4444}
.tiles .tile .highlight.bg-color-gold{background:#f59e0b}
.tiles{border-radius:16px;overflow:hidden;border:1px solid var(--zh-border);background:#fff;margin:0 0 20px}
.tiles>.row{margin:0}
.tiles .tile .icon{right:14px}
.client-home-panels .panel>.panel-heading .panel-title .btn{border-radius:9px}

/* ---------- ingresar / recuperar clave ---------- */
.logincontainer{max-width:460px;margin:30px auto 60px;padding:34px 32px;background:#fff;border:1px solid var(--zh-border);border-radius:22px;box-shadow:0 30px 70px -30px rgba(15,27,45,.25)}
.logincontainer.with-social{max-width:680px}
.logincontainer div.header-lined{text-align:center;margin-bottom:22px}
.logincontainer div.header-lined h1{font-size:26px}
.logincontainer div.header-lined .breadcrumb{display:none}
.logincontainer .login-form div[align=center]{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.logincontainer .login-form div[align=center] .btn{width:100%;padding:13px 18px;font-size:15.5px}
.logincontainer .login-form div[align=center] .btn-default{border:0;background:none;color:var(--zh-muted);font-weight:600;padding:6px}
.logincontainer .login-form div[align=center] .btn-default:hover{color:var(--zh-cydark);background:none}
.zh-login-new{text-align:center;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--zh-border);color:var(--zh-muted);font-size:14px}
.zh-login-new a{font-weight:800}
.logincontainer .checkbox label{font-weight:500;color:var(--zh-muted)}

/* ---------- base de conocimientos / anuncios ---------- */
.kb-search .form-control,.kbsearch .form-control{height:50px}
.kbcategories a,.kbarticles a{font-weight:700}

/* ---------- pie (igual a las landings) ---------- */
#zh-foot{background:var(--zh-dark);color:rgba(255,255,255,.62);padding:46px 0 30px;font-size:14px}
#zh-foot a{color:rgba(255,255,255,.72);text-decoration:none}
#zh-foot a:hover{color:#fff}
.zh-ft{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;align-items:flex-start}
.zh-ft-brand img{height:44px;width:auto;margin-bottom:14px;display:block}
.zh-ft-brand p{max-width:340px;margin:0}
#zh-foot .zh-soc{margin:18px 0 0}
#zh-foot .zh-sb{width:42px;height:42px}
#zh-foot .zh-sb svg{width:20px;height:20px}
#zh-foot .zh-sb,#zh-foot .zh-sb:hover{color:#fff}
.zh-fl{display:grid;gap:8px}
.zh-copy{border-top:1px solid rgba(255,255,255,.08);margin-top:28px;padding-top:20px;font-size:12.5px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* botón flotante de WhatsApp */
.zh-waf{position:fixed;right:20px;bottom:20px;z-index:40;width:56px;height:56px;border-radius:50%;background:var(--zh-wa);display:grid;place-items:center;color:#fff!important;box-shadow:0 12px 30px rgba(37,211,102,.4);transition:transform .25s}
.zh-waf:hover{transform:scale(1.06)}
.zh-waf svg{width:29px;height:29px;fill:currentColor}

/* ---------- inicio de WHMCS (por si se muestra) ---------- */
section#home-banner{background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(34,211,238,.14),transparent),var(--zh-dark)}
section#home-banner h2{font-family:var(--zh-head);font-weight:800;color:#fff}
.home-shortcuts{background:var(--zh-dark2);border-bottom:0}
.home-shortcuts li{border-color:rgba(255,255,255,.08)!important}

/* ---------- carrito (usa este mismo encabezado y pie) ---------- */
#order-standard_cart .header-lined h1{font-family:var(--zh-head)}
#order-standard_cart .btn-checkout,#order-standard_cart .order-button{background:linear-gradient(135deg,var(--zh-cyan),var(--zh-cyan2));border:0;color:var(--zh-dark)!important;font-weight:800;border-radius:12px}
#order-standard_cart .summary-container,#order-standard_cart .order-summary{border-radius:16px;overflow:hidden}
#order-standard_cart .order-summary{background:var(--zh-dark)}
#order-standard_cart .order-summary h2{background:var(--zh-dark);color:#fff}

/* ---------- celular y tablet ---------- */
@media (max-width:991px){
  .zh-hide-md{display:none!important}
  .navbar-main .navbar-header{display:flex;justify-content:flex-end;margin:0}
  .navbar-main .navbar-toggle{display:inline-flex;float:none;margin-right:0}
  .navbar-main .navbar-collapse{border-top:1px solid rgba(255,255,255,.08);box-shadow:none}
  .navbar-main .navbar-nav{margin:6px -15px}
  .navbar-main .navbar-nav,.navbar-main .navbar-nav>li,.navbar-main .navbar-right{float:none!important}
  .navbar-main .navbar-right{margin-right:-15px}
  .navbar-main .navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin:0}
  .navbar-main .navbar-nav .open .dropdown-menu{background:rgba(255,255,255,.03);border:0;box-shadow:none;border-radius:0}
  .navbar-main .navbar-nav .open .dropdown-menu>li>a{color:#cbd5e1;padding:9px 15px 9px 30px}
  .navbar-main .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background:rgba(255,255,255,.06)}
}
@media (max-width:767px){
  html{font-size:14.5px}
  #zh-top .zh-bar{height:64px;gap:8px}
  .zh-brand img{height:38px}
  .zh-r{gap:4px}
  .zh-soc{display:none!important}
  .zh-btn{padding:9px 14px}
  section#main-body{padding:22px 0 40px}
  div.header-lined h1{font-size:23px}
  .logincontainer{margin:10px auto 30px;padding:26px 20px;border-radius:18px}
  .zh-waf{right:14px;bottom:14px;width:52px;height:52px}
  .zh-waf svg{width:27px;height:27px}
  .zh-ft{flex-direction:column;gap:22px}
}
@media (max-width:420px){
  .zh-hide-xs{display:none!important}
}
@media print{#zh-top,#zh-foot,.zh-waf,section#main-menu{display:none!important}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ==========================================================
   Ajustes sobre el área de clientes real (v2)
   Algunos módulos agregan su propio estilo (letras finitas,
   celeste plano, bordes de color). Esto lo unifica.
   ========================================================== */
body{background:var(--zh-off)!important}
section#main-body{background:transparent!important}
#main-body,#main-body p,#main-body span:not([class*="fa"]):not([class*="glyphicon"]),#main-body div:not([class*="fa"]),#main-body li,#main-body td,#main-body th,#main-body label,#main-body small,
#main-body input,#main-body select,#main-body textarea,#main-body .list-group-item,#main-body .panel-body{
  font-family:var(--zh-sans)!important;letter-spacing:normal!important}
#main-body{color:var(--zh-text)}
#main-body p,#main-body .panel-body,#main-body .list-group-item,#main-body td{color:#334155;font-weight:400!important}
#main-body h1,#main-body h2,#main-body h3,#main-body h4,#main-body .panel-title,#main-body .stat{font-family:var(--zh-head)!important;font-weight:800!important;color:var(--zh-text)!important;letter-spacing:-.01em!important}
#main-body a{color:var(--zh-cydark)}
#main-body a:hover{color:#0e7490}
#main-body a.btn-primary,#main-body a.btn-primary:hover{color:var(--zh-dark)!important}
#main-body a.btn-default{color:var(--zh-text)!important}

/* migas de pan */
div.header-lined .breadcrumb,div.header-lined .breadcrumb a,div.header-lined .breadcrumb li{color:var(--zh-muted)!important;font-weight:500!important;opacity:1!important}

/* tarjetas: sin bordes de colores arriba, todas iguales */
#main-body .panel,#main-body .panel[class*="panel-accent"]{border:1px solid var(--zh-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,27,45,.04)!important}
#main-body .panel>.panel-heading{background:#fff!important;border-bottom:1px solid var(--zh-border)!important}
#main-body .panel .panel-title i,#main-body .panel .panel-title .fas,#main-body .panel .panel-title .far{color:var(--zh-cydark)!important}
#main-body .panel .list-group-item{border-color:var(--zh-border)!important;font-size:14px}
#main-body .panel a.list-group-item,#main-body .panel .list-group-item a{color:var(--zh-text)!important;font-weight:500!important}
#main-body .panel a.list-group-item:hover{background:var(--zh-off)!important;color:var(--zh-cydark)!important}
#main-body .panel .list-group-item small,#main-body .panel .text-muted,#main-body .panel .list-group-item .text-last-updated{color:var(--zh-muted)!important}
#main-body .panel-footer,#main-body .panel-footer a:not(.btn),#main-body .panel .pull-right a:not(.btn),#main-body .panel a.pull-right:not(.btn){color:var(--zh-cydark)!important;font-weight:600!important;opacity:1!important}
#main-body .panel-footer{background:#fbfcfe!important;border-top:1px solid var(--zh-border)!important}

/* barra lateral */
#main-body .sidebar .panel-body,#main-body .sidebar .list-group-item,#main-body .sidebar a.list-group-item{color:#334155!important;font-weight:500!important}
#main-body .sidebar .panel-body strong{color:var(--zh-text)!important;font-weight:700!important}

/* contadores de arriba */
#main-body .tiles{background:#fff!important;border:1px solid var(--zh-border)!important;border-radius:16px!important;overflow:hidden}
#main-body .tiles .tile{background:#fff!important;border-right:1px solid var(--zh-border)}
#main-body .tiles .tile:last-child{border-right:0}
#main-body .tiles .tile .title{color:var(--zh-muted)!important;font-weight:700!important;font-size:12px;letter-spacing:.04em!important}
#main-body .tiles .tile .stat{font-size:38px}
#main-body .tiles .tile .highlight{height:3px!important;opacity:1}

/* buscador de ayuda */
#main-body .home-kb-search .form-control{background:#fff!important;border:1.5px solid #dbe4ee!important;border-radius:14px!important;color:var(--zh-text)!important;font-weight:400!important;height:52px;padding-left:50px}
#main-body .home-kb-search .form-control::placeholder{color:#94a3b8;opacity:1}
#main-body .home-kb-search .form-control:focus{border-color:var(--zh-cyan2)!important;box-shadow:0 0 0 4px rgba(34,211,238,.18)!important}
#main-body .home-kb-search i{margin-top:-34px;color:#94a3b8}

/* botones: mismo celeste de las landings en todos lados */
#main-body .btn{border-radius:12px!important;font-family:var(--zh-sans)!important;letter-spacing:normal!important}
#main-body .btn-primary,#main-body .btn-info,#main-body .btn-success,#main-body .sidebar .btn{background:linear-gradient(135deg,var(--zh-cyan),var(--zh-cyan2))!important;border:0!important;color:var(--zh-dark)!important;font-weight:800!important}
#main-body .btn-default{background:#fff!important;border:1px solid #d6e0ea!important;color:var(--zh-text)!important;font-weight:700!important}
#main-body .btn-danger{font-weight:700!important}

/* estados (Activo, Pendiente, etc.) */
#main-body .label,#main-body .status{border-radius:20px!important;font-family:var(--zh-sans)!important;font-weight:700!important;letter-spacing:.01em!important;padding:.35em .8em!important}
#main-body .label-success,#main-body .status-active,#main-body .status-paid{background:#d1fae5!important;color:#065f46!important}
#main-body .label-warning,#main-body .status-pending,#main-body .status-unpaid{background:#fef3c7!important;color:#92400e!important}
#main-body .label-danger,#main-body .status-suspended,#main-body .status-cancelled,#main-body .status-terminated,#main-body .status-overdue{background:#fee2e2!important;color:#991b1b!important}

/* v3: más contraste (pantallas con poco contraste) */
:root{--zh-off:#eef3f8;--zh-border:#d5dfea;--zh-muted:#526077}
#main-body .tiles .tile .icon i,#main-body .tiles .tile i{color:#b4c2d3!important}
#main-body .home-kb-search .form-control{border-color:#c9d6e3!important}
#main-body .home-kb-search .form-control::placeholder{color:#6b7a90}
#main-body .form-control{border:1.5px solid #c9d6e3!important;background:#fff!important}
#main-body .panel,#main-body .tiles{box-shadow:0 2px 8px rgba(15,27,45,.06)!important}