/* ============================================================
   Asset ICT brand overlay for HostBill "design11"
   Additive override. Loaded LAST in header.tpl so it wins the cascade.
   To revert: delete this file and remove the two lines added to header.tpl.
   Brand: teal #007E8C / charcoal #15191c, Plus Jakarta Sans + Inter.
   First pass — refine against a live client-area render.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');
 
:root{
  --aict-teal:#007E8C; --aict-teal-bright:#11A8B8; --aict-teal-deep:#045863;
  --aict-ink:#1b2024; --aict-charcoal:#15191c; --aict-soft:#F4F8F9; --aict-line:#E4ECEE;
}
 
/* ---------- Typography ---------- */
body, #ca11, .span10, input, select, textarea, button, .btn, p, td, li, label{
  font-family:'Inter', system-ui, -apple-system, Arial, sans-serif !important;
  color:var(--aict-ink);
}
h1, h2, h3, h4, h5, .dashboard h1, .dashboard h2, .dashboard h3, .news-body h4{
  font-family:'Plus Jakarta Sans','Inter',sans-serif !important;
  letter-spacing:-.01em;
}
 
/* ---------- Links ---------- */
a{ color:var(--aict-teal); }
a:hover{ color:var(--aict-teal-deep); }
 
/* ---------- Buttons ---------- */
.btn, button.btn, .progress-button, .progress-btn{
  border-radius:9px !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-weight:600 !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  background-image:none !important;
  text-shadow:none !important;
}
.btn-success, .btn-primary, .progress-button,
.btn-success:focus, .btn-primary:focus, .btn-info{
  background:var(--aict-teal) !important; color:#fff !important; border-color:var(--aict-teal) !important;
}
.btn-success:hover, .btn-primary:hover, .progress-button:hover, .btn-info:hover{
  background:var(--aict-teal-deep) !important; border-color:var(--aict-teal-deep) !important; color:#fff !important;
}
.btn-default, .btn-grey, .btn-secondary{
  background:#fff !important; color:var(--aict-ink) !important; border:1px solid var(--aict-line) !important;
}
.btn-default:hover, .btn-grey:hover{ border-color:var(--aict-teal) !important; color:var(--aict-teal) !important; }
 
/* ---------- Left side menu (design11 stacked nav) ---------- */
#main-side, aside#main-side{ background:var(--aict-charcoal) !important; }
#main-side header h4{ color:#fff !important; }
.nav-stacked > li > a{ color:rgba(255,255,255,.82) !important; }
.nav-stacked > li > a:hover,
.nav-stacked > li.active > a,
.nav-stacked > li > a.active{
  background:rgba(17,168,184,.14) !important; color:#fff !important;
  border-left:3px solid var(--aict-teal-bright) !important;
}
#logout a:hover{ color:var(--aict-teal-bright) !important; }
 
/* ---------- Top tabs / submenu accent ---------- */
#mainmenu .nav-tabs > li.active > a,
#mainmenu .nav-tabs > li > a:hover,
.dropdown.open .dropdown-toggle{
  color:var(--aict-teal) !important; border-bottom-color:var(--aict-teal) !important;
}
 
/* ---------- Tables ---------- */
.table thead th, .table th{
  background:var(--aict-soft) !important; color:var(--aict-ink) !important;
  border-bottom:1px solid var(--aict-line) !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
}
.table td, .table th{ border-color:var(--aict-line) !important; }
.table-striped tbody tr:nth-child(odd) td{ background:#fafcfc !important; }
 
/* ---------- Form fields ---------- */
input[type=text], input[type=email], input[type=password], input[type=number],
input[type=tel], select, textarea{
  border:1px solid var(--aict-line) !important; border-radius:9px !important; box-shadow:none !important;
}
input:focus, select:focus, textarea:focus{
  border-color:var(--aict-teal) !important;
  box-shadow:0 0 0 3px rgba(0,126,140,.12) !important; outline:none !important;
}
 
/* ---------- Cards / panels / boxes ---------- */
.box, .panel, .news-container, .dashboardblock, .well, .square-box, .product-box, .pricebox{
  border-radius:14px !important;
}
 
/* ---------- Root dashboard tiles -> brand palette ---------- */
.square-box-sky-blue{ background:var(--aict-teal) !important; }
.square-box-green{ background:var(--aict-teal-deep) !important; }
.square-box-grey{ background:var(--aict-charcoal) !important; }
.square-box .middle-cricle{ background:rgba(255,255,255,.15) !important; }
.square-box p{ font-family:'Plus Jakarta Sans',sans-serif !important; }
 
/* ---------- Cart / order progress ---------- */
.progress-indicator .active, .step.active, .nav-cart li.active,
.steps .active, .order-steps .active{ color:var(--aict-teal) !important; }
.price, .pricebox .price, .amount, .product-price{ color:var(--aict-teal) !important; }
 
/* ---------- Status labels that used the old blue ---------- */
.label-Answered, .label-Sent, .label-In-Progress, .label-info{
  background:var(--aict-teal) !important; color:#fff !important;
}
 
/* ---------- Catch-all for inline sky-blue accents ---------- */
[style*="#2fbbf8"], [style*="#3875d7"], [style*="#26a5d8"], [style*="#2a62bc"]{
  color:var(--aict-teal) !important;
}