/* MEDTRONEX FINAL VISIBILITY SYSTEM
   Clean premium contrast: soft workspace, strong text, restrained accents. */
:root{
  --mx-bg:#f4f7fb;
  --mx-surface:#ffffff;
  --mx-surface-soft:#f8fafc;
  --mx-text:#182230;
  --mx-text-2:#435166;
  --mx-muted:#64748b;
  --mx-border:#d8e0ea;
  --mx-accent:#1d5fd1;
  --mx-accent-hover:#174da9;
  --mx-sidebar:#0b1b31;
  --mx-sidebar-2:#102747;
  --mx-sidebar-text:#e8eef7;
  --mx-sidebar-muted:#aebed3;
}
html{color-scheme:light}
body{
  background:var(--mx-bg) !important;
  color:var(--mx-text) !important;
  font-size:14px;
  line-height:1.55;
}
main,.admin-main,.admin-content,.content,.page-content,.dashboard-content{
  background:var(--mx-bg) !important;
  color:var(--mx-text) !important;
}
h1,h2,h3,h4,h5,h6,
.card-title,.section-title,.page-title,.dashboard-title{
  color:#172033 !important;
  font-weight:650 !important;
  letter-spacing:-.01em;
}
p,li,td,dd,.description,.helper-text,.form-help,.muted{
  color:var(--mx-text-2) !important;
}
small,.small,.meta,.text-muted,.subtext,.breadcrumb{
  color:var(--mx-muted) !important;
}
a{color:var(--mx-accent); text-decoration:none}
a:hover{color:var(--mx-accent-hover); text-decoration:underline}
button,.btn{
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
}
input,select,textarea{
  color:#1b2638 !important;
  background:#fff !important;
  border-color:#cbd5e1 !important;
  font-size:13px !important;
}
input::placeholder,textarea::placeholder{color:#718096 !important;opacity:1}
table th{
  color:#334155 !important;
  background:#f8fafc !important;
  font-size:12px !important;
  font-weight:650 !important;
}
table td{color:#334155 !important;font-size:13px !important}
.card,.panel,.widget,.box,.stat-card,.table-wrap,.form-card{
  background:#fff !important;
  border:1px solid var(--mx-border) !important;
  box-shadow:0 2px 10px rgba(15,23,42,.045) !important;
}
.badge,.status-badge{
  font-size:11px !important;
  font-weight:650 !important;
}
.admin-sidebar,.sidebar{
  background:linear-gradient(180deg,var(--mx-sidebar),#081729) !important;
  color:var(--mx-sidebar-text) !important;
}
.admin-sidebar a,.sidebar a,
.admin-sidebar .menu-label,.sidebar .menu-label{
  color:var(--mx-sidebar-text) !important;
}
.admin-sidebar .muted,.sidebar .muted,
.admin-sidebar .submenu-label,.sidebar .submenu-label{
  color:var(--mx-sidebar-muted) !important;
}
.admin-sidebar a:hover,.sidebar a:hover{
  color:#fff !important;
  background:rgba(255,255,255,.075) !important;
}
.admin-sidebar .active,.sidebar .active{
  color:#fff !important;
  background:var(--mx-sidebar-2) !important;
}
.admin-sidebar .submenu,.sidebar .submenu,
.admin-sidebar ul ul,.sidebar ul ul{
  background:rgba(4,15,30,.32) !important;
}
.admin-sidebar .submenu a,.sidebar .submenu a,
.admin-sidebar ul ul a,.sidebar ul ul a{
  color:#cbd7e7 !important;
  font-size:12.5px !important;
}
.admin-sidebar .submenu a:hover,.sidebar .submenu a:hover{
  color:#fff !important;
}
.nav-group.open > .submenu,
.menu-group.open > .submenu,
.has-submenu.open > .submenu,
.sidebar-group.open > .submenu{
  max-height:2000px !important;
  height:auto !important;
  visibility:visible !important;
  opacity:1 !important;
  overflow:visible !important;
}
.hero,.banner,.page-hero{
  color:#fff !important;
  position:relative;
  isolation:isolate;
}
.hero::before,.banner::before,.page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,18,35,.68),rgba(7,18,35,.28));
  z-index:-1;
}
.hero h1,.hero h2,.hero h3,.hero p,
.banner h1,.banner h2,.banner h3,.banner p,
.page-hero h1,.page-hero h2,.page-hero h3,.page-hero p{
  color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.28);
}
footer{
  background:#0b1b31 !important;
  color:#d8e3f0 !important;
}
footer h1,footer h2,footer h3,footer h4,
footer .footer-title,footer .menu-title{
  color:#fff !important;
}
footer p,footer li,footer span,footer .footer-text{
  color:#c4d1e0 !important;
}
footer a{color:#d7e2ef !important}
footer a:hover{color:#fff !important}
@media (max-width: 900px){
  body{font-size:13.5px}
  h1{font-size:24px !important}
  h2{font-size:20px !important}
  h3{font-size:16px !important}
}
@media (max-width: 640px){
  body{font-size:13px}
  h1{font-size:21px !important}
  h2{font-size:18px !important}
  h3{font-size:15px !important}
  button,.btn{font-size:12.5px !important}
  input,select,textarea{font-size:13px !important}
}