/* SMTP Chile portal theme — global override área cliente Perfex */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700;800&display=swap');

:root{
  --sc-bg:#030812;
  --sc-bg-card:#0f172a;
  --sc-bg-card-2:#1e293b;
  --sc-border:#1e293b;
  --sc-border-2:#334155;
  --sc-text:#ffffff;
  --sc-text-2:#cbd5e1;
  --sc-text-3:#64748b;
  --sc-blue:#2563eb;
  --sc-electric:#38bdf8;
  --sc-purple:#8b5cf6;
  --sc-green:#10b981;
  --sc-orange:#f59e0b;
  --sc-red:#ef4444;
  --sc-grad:linear-gradient(90deg,#38bdf8 0%,#8b5cf6 50%,#2563eb 100%);
}

/* Body + base + ALL Perfex content wrappers */
body{
  background:var(--sc-bg) !important;
  color:var(--sc-text-2) !important;
  font-family:'Inter',sans-serif !important;
}
body.customers,
body.customers #wrapper,
body.customers #content,
body.customers main,
body.customers section{
  background:var(--sc-bg) !important;
  background-color:var(--sc-bg) !important;
}
body.customers .container,
body.customers .container-fluid,
body.customers .row,
body.customers [class*="col-"]{
  background:transparent !important;
  background-color:transparent !important;
}
body, body p, body span, body div, body td, body th, body label, body li, body a {
  font-family:'Inter',sans-serif !important;
}
h1,h2,h3,h4,h5,h6,.section-title{
  font-family:'Space Grotesk',sans-serif !important;
  color:var(--sc-text) !important;
}

/* Top navbar — MAX specificity for client area */
body.customers .navbar.navbar-default,
body.customers .navbar.navbar-default.header,
body.customers .navbar,
.navbar.navbar-default.header,
.navbar.navbar-default,
.navbar{
  background:var(--sc-bg-card) !important;
  background-color:var(--sc-bg-card) !important;
  border:1px solid var(--sc-border) !important;
  border-radius:0 !important;
  box-shadow:0 1px 3px rgba(0,0,0,0.4) !important;
}
body.customers .navbar-default .navbar-brand,
body.customers .navbar .navbar-brand,
body.customers .navbar-brand{
  color:var(--sc-text) !important;
}
body.customers .logo,
body.customers .logo.img-responsive,
body.customers .navbar-brand.logo{
  filter:brightness(0) invert(1);
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a{
  color:var(--sc-text-2) !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover{
  color:var(--sc-electric) !important;
  background:transparent !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
  background:var(--sc-bg-card-2) !important;
  color:var(--sc-electric) !important;
}
.dropdown-menu{
  background:var(--sc-bg-card-2) !important;
  border:1px solid var(--sc-border-2) !important;
}
.dropdown-menu > li > a{
  color:var(--sc-text-2) !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
  background:var(--sc-border-2) !important;
  color:var(--sc-text) !important;
}

/* Containers / panels / cards */
.container,.container-fluid{
  background:transparent !important;
}
.panel_s,
.panel-default,
.panel,
.well,
.box{
  background:var(--sc-bg-card) !important;
  border:1px solid var(--sc-border) !important;
  border-radius:14px !important;
  color:var(--sc-text-2) !important;
  box-shadow:0 1px 3px rgba(0,0,0,0.3) !important;
}
.panel-body{ background:transparent !important; color:var(--sc-text-2) !important; }
.panel-heading{
  background:var(--sc-bg-card-2) !important;
  border-bottom:1px solid var(--sc-border) !important;
  color:var(--sc-text) !important;
  font-family:'Space Grotesk',sans-serif !important;
  font-weight:600 !important;
}

/* Tables */
.table,
.table > thead > tr > th,
.table > tbody > tr > td{
  background:transparent !important;
  border-color:var(--sc-border) !important;
  color:var(--sc-text-2) !important;
}
.table > thead > tr > th{
  background:var(--sc-bg-card-2) !important;
  color:var(--sc-text-3) !important;
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:0.5px;
  font-weight:700;
}
.table-striped > tbody > tr:nth-of-type(odd) > td{
  background:rgba(30,41,59,0.4) !important;
}
.table-hover > tbody > tr:hover > td{
  background:rgba(56,189,248,0.07) !important;
  color:var(--sc-text) !important;
}

/* Buttons */
.btn{
  border-radius:8px !important;
  font-weight:600 !important;
  font-family:'Inter',sans-serif !important;
}
.btn-primary,
.btn-info{
  background:var(--sc-grad) !important;
  border:none !important;
  color:#fff !important;
}
.btn-primary:hover,
.btn-info:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 20px rgba(56,189,248,0.3) !important;
}
.btn-success{
  background:var(--sc-green) !important;
  border:none !important;
}
.btn-warning{ background:var(--sc-orange) !important; border:none !important; }
.btn-danger{ background:var(--sc-red) !important; border:none !important; }
.btn-default{
  background:var(--sc-bg-card-2) !important;
  border:1px solid var(--sc-border-2) !important;
  color:var(--sc-text-2) !important;
}
.btn-default:hover{
  background:var(--sc-border-2) !important;
  color:var(--sc-text) !important;
}

/* Forms — all input flavors */
body.customers input,
body.customers textarea,
body.customers select,
body.customers .form-control,
.form-control,
input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],
textarea, select{
  background:var(--sc-bg-card-2) !important;
  background-color:var(--sc-bg-card-2) !important;
  border:1px solid var(--sc-border-2) !important;
  color:var(--sc-text) !important;
  border-radius:8px !important;
}
body.customers input::placeholder,
body.customers textarea::placeholder,
input::placeholder, textarea::placeholder{
  color:var(--sc-text-3) !important;
  opacity:1 !important;
}

/* Knowledge base + hero/banner sections (white bg areas) */
.kb-search,
.kb-search-wrapper,
.knowledge-base,
.kb-banner,
.knowledge-base-banner,
.search-banner,
[class*="kb-"],
[class*="knowledge"]{
  background:var(--sc-bg-card) !important;
  background-color:var(--sc-bg-card) !important;
  color:var(--sc-text-2) !important;
}
body.customers > div,
body.customers > section{
  background:transparent !important;
}
/* Force logo white text */
body.customers .mw-portal .mw-logo .mark{ color:#fff !important; background:transparent !important; }
.form-control:focus{
  border-color:var(--sc-electric) !important;
  box-shadow:0 0 0 3px rgba(56,189,248,0.15) !important;
}
.bootstrap-select > .btn{
  background:var(--sc-bg-card-2) !important;
  border:1px solid var(--sc-border-2) !important;
  color:var(--sc-text) !important;
}
label{ color:var(--sc-text-2) !important; }

/* Links */
a{ color:var(--sc-electric); }
a:hover{ color:var(--sc-text); text-decoration:none; }

/* Login page */
body.login{
  background:var(--sc-bg) !important;
}
.login-form,
.login-wrapper,
.login-content{
  background:var(--sc-bg-card) !important;
  border:1px solid var(--sc-border) !important;
  border-radius:16px !important;
  color:var(--sc-text) !important;
}

/* Alerts */
.alert{
  border-radius:10px !important;
  border:1px solid var(--sc-border-2) !important;
}
.alert-success{ background:rgba(16,185,129,0.15) !important; color:var(--sc-green) !important; border-color:rgba(16,185,129,0.3) !important; }
.alert-warning{ background:rgba(245,158,11,0.15) !important; color:var(--sc-orange) !important; border-color:rgba(245,158,11,0.3) !important; }
.alert-danger{ background:rgba(239,68,68,0.15) !important; color:var(--sc-red) !important; border-color:rgba(239,68,68,0.3) !important; }
.alert-info{ background:rgba(56,189,248,0.15) !important; color:var(--sc-electric) !important; border-color:rgba(56,189,248,0.3) !important; }

/* Page header / breadcrumbs */
.breadcrumb{
  background:transparent !important;
  color:var(--sc-text-3) !important;
}
.page-title{ color:var(--sc-text) !important; }

/* Datatables */
.dataTables_wrapper{ color:var(--sc-text-2) !important; }
.dataTables_filter input,
.dataTables_length select{
  background:var(--sc-bg-card-2) !important;
  border:1px solid var(--sc-border-2) !important;
  color:var(--sc-text) !important;
}
.paginate_button{
  background:var(--sc-bg-card-2) !important;
  border:1px solid var(--sc-border-2) !important;
  color:var(--sc-text-2) !important;
}
.paginate_button.current{
  background:var(--sc-grad) !important;
  color:#fff !important;
  border:none !important;
}

/* Borders / hr */
hr{ border-color:var(--sc-border) !important; }
.text-muted{ color:var(--sc-text-3) !important; }

/* Sidebar (if present) */
.sidebar,#sidebar,.side-nav{
  background:var(--sc-bg-card) !important;
  border-right:1px solid var(--sc-border) !important;
}
.sidebar a,.side-nav a{ color:var(--sc-text-2) !important; }
.sidebar a:hover,.side-nav a:hover{ color:var(--sc-electric) !important; background:var(--sc-bg-card-2) !important; }

/* Footer */
.footer,#footer{
  background:var(--sc-bg-card) !important;
  border-top:1px solid var(--sc-border) !important;
  color:var(--sc-text-3) !important;
}

/* Modals */
.modal-content{
  background:var(--sc-bg-card) !important;
  color:var(--sc-text-2) !important;
  border:1px solid var(--sc-border-2) !important;
  border-radius:14px !important;
}
.modal-header{ border-bottom:1px solid var(--sc-border) !important; }
.modal-footer{ border-top:1px solid var(--sc-border) !important; }
.close{ color:var(--sc-text) !important; opacity:0.7 !important; }
.close:hover{ opacity:1 !important; }

/* Tabs */
.nav-tabs > li > a{
  color:var(--sc-text-2) !important;
  background:transparent !important;
  border:1px solid transparent !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover{
  background:var(--sc-bg-card) !important;
  color:var(--sc-electric) !important;
  border:1px solid var(--sc-border) !important;
  border-bottom-color:var(--sc-bg-card) !important;
}
.nav-tabs{ border-bottom:1px solid var(--sc-border) !important; }

/* Active nav item highlight */
.customers-nav-item-campanas a{ font-weight:700; }

/* Ocultar items que delatan Perfex (sin contenido propio aún) */
.customers-nav-item-knowledge-base,
li.customers-nav-item-knowledge-base{
  display:none !important;
}
a[href*="/knowledge-base"]{ display:none !important; }