:root{
  --ke-navy:#061426;
  --ke-navy2:#08203A;
  --ke-blue:#0A66FF;
  --ke-teal:#00A99D;
  --ke-bg:#F6F8FC;
  --ke-card:#FFFFFF;
  --ke-line:#E5EAF2;
  --ke-text:#07152F;
  --ke-muted:#64748B;
}

body{
  background:var(--ke-bg)!important;
  color:var(--ke-text)!important;
  font-family:"DM Sans",system-ui,sans-serif!important;
}

.sidebar{
  background:radial-gradient(circle at top left,#0B3B68 0,#061426 42%,#041020 100%)!important;
  color:white!important;
  box-shadow:8px 0 30px rgba(15,23,42,.08)!important;
}

.sidebar .logo,
.sidebar .brand,
.logo{
  color:white!important;
  font-weight:900!important;
}

.sidebar a,
.sidebar nav a,
.menu a{
  color:#D5DEEC!important;
  border-radius:13px!important;
}

.sidebar a.active,
.sidebar nav a.active,
.sidebar a:hover,
.sidebar nav a:hover,
.menu a.active,
.menu a:hover{
  background:linear-gradient(90deg,rgba(10,102,255,.75),rgba(0,169,157,.38))!important;
  color:white!important;
}

.topbar,
header.topbar{
  background:white!important;
  border-bottom:1px solid var(--ke-line)!important;
}

.card,
.patient-card,
.actions-card,
.main-panel,
.side-panel,
.timeline,
.panel,
table,
.patients-card{
  background:white!important;
  border:1px solid var(--ke-line)!important;
  border-radius:18px!important;
  box-shadow:0 16px 34px rgba(15,23,42,.055)!important;
}

button,
.btn,
a[href*="odontograma"]{
  border-radius:12px!important;
  font-weight:800!important;
}

button.primary,
.btn-primary,
.primary{
  background:linear-gradient(135deg,#00B8A9,#009688)!important;
  color:white!important;
  border:none!important;
  box-shadow:0 12px 24px rgba(0,169,157,.24)!important;
}

table{
  overflow:hidden!important;
}

th{
  color:#64748B!important;
  font-size:11px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

td{
  border-top:1px solid var(--ke-line)!important;
}

.avatar-sm{
  box-shadow:0 8px 18px rgba(15,23,42,.14)!important;
}

.trial{
  background:linear-gradient(90deg,#0A66FF,#645BFF)!important;
}

/* PANEL ENTERPRISE OVERRIDE */
body:has(.side) .side,
body:has(.sidebar) .sidebar{
  background:radial-gradient(circle at top left,#0B3B68 0,#061426 42%,#041020 100%)!important;
  color:white!important;
}

.side,
.sidebar{
  background:radial-gradient(circle at top left,#0B3B68 0,#061426 42%,#041020 100%)!important;
}

.side a,
.side .nav-item,
.sidebar a{
  color:#D5DEEC!important;
  border-radius:13px!important;
}

.side a.active,
.side .nav-item.active,
.sidebar a.active{
  background:linear-gradient(90deg,rgba(10,102,255,.75),rgba(0,169,157,.38))!important;
  color:white!important;
}

.main,
.content,
#view{
  background:#F6F8FC!important;
}

.top,
.topbar,
.header{
  background:white!important;
  border-bottom:1px solid #E5EAF2!important;
}

.table-card,
.card,
.box,
.panel-card{
  background:white!important;
  border:1px solid #E5EAF2!important;
  border-radius:18px!important;
  box-shadow:0 16px 34px rgba(15,23,42,.055)!important;
}

table{
  border-collapse:separate!important;
  border-spacing:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
}

tr:hover td{
  background:#F8FAFC!important;
}

a[href*="odontograma_enterprise"]{
  background:#ECFFFB!important;
  border-color:#99F6E4!important;
  color:#008F84!important;
  padding:8px 12px!important;
}