/*
  The Autism Clinic CRM V36 — LUXE CARE OS
  Complete visual system. Business logic and API contracts are unchanged.
*/
:root{
  --lx-bg:#f3f5f8;
  --lx-bg-warm:#faf8f4;
  --lx-surface:#ffffff;
  --lx-surface-2:#f8fafc;
  --lx-surface-3:#eef2f6;
  --lx-ink:#122033;
  --lx-ink-2:#34445a;
  --lx-muted:#76869b;
  --lx-line:#e2e7ee;
  --lx-line-strong:#d2dae5;
  --lx-navy:#111827;
  --lx-navy-2:#1c2535;
  --lx-navy-3:#273449;
  --lx-coral:#ff6b4a;
  --lx-coral-2:#ff8a67;
  --lx-coral-soft:#fff1ec;
  --lx-teal:#16a6a0;
  --lx-teal-soft:#e9fbf8;
  --lx-blue:#3b6df6;
  --lx-blue-soft:#edf2ff;
  --lx-violet:#7968f4;
  --lx-violet-soft:#f1efff;
  --lx-lime:#aebf2f;
  --lx-green:#16805d;
  --lx-green-soft:#eaf8f2;
  --lx-amber:#b87208;
  --lx-amber-soft:#fff7e3;
  --lx-red:#cc4450;
  --lx-red-soft:#fff0f1;
  --lx-radius-xs:10px;
  --lx-radius-sm:14px;
  --lx-radius:20px;
  --lx-radius-lg:28px;
  --lx-shadow-xs:0 1px 2px rgba(18,32,51,.05),0 5px 14px rgba(18,32,51,.04);
  --lx-shadow-sm:0 8px 24px rgba(18,32,51,.065);
  --lx-shadow:0 18px 48px rgba(18,32,51,.09);
  --lx-sidebar:272px;
  --lx-topbar:78px;
}

html,body{height:100%;max-width:100%;overflow:hidden!important;}
*{box-sizing:border-box;}
body{
  margin:0!important;
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  color:var(--lx-ink)!important;
  background:var(--lx-bg)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.hidden{display:none!important;}
button,input,select,textarea{font:inherit;}
button{cursor:pointer;}
svg{display:block;}

/* -------------------------------- LOGIN -------------------------------- */
#login-screen{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:grid!important;
  grid-template-columns:minmax(520px,1.18fr) minmax(460px,.82fr)!important;
  background:linear-gradient(135deg,#edf1f7 0%,#faf7f2 100%)!important;
  overflow:hidden!important;
}
#login-screen::before{
  content:""!important;
  display:block!important;
  grid-column:1!important;
  grid-row:1!important;
  margin:18px 0 18px 18px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 78% 17%,rgba(255,107,74,.98) 0 8%,rgba(255,107,74,.25) 8.5% 13%,transparent 13.5%),
    radial-gradient(circle at 16% 82%,rgba(22,166,160,.23) 0 18%,transparent 18.5%),
    radial-gradient(circle at 55% 54%,rgba(121,104,244,.12) 0 27%,transparent 27.5%),
    linear-gradient(145deg,#121b2a 0%,#1a2638 52%,#24344b 100%)!important;
  box-shadow:0 28px 90px rgba(13,24,40,.26)!important;
  position:relative!important;
}
#login-screen::after{
  content:"Care, coordinated beautifully."!important;
  position:absolute!important;
  left:clamp(60px,7vw,124px)!important;
  bottom:clamp(80px,12vh,150px)!important;
  width:min(610px,42vw)!important;
  color:#fff!important;
  font-size:clamp(42px,5vw,78px)!important;
  line-height:.98!important;
  font-weight:850!important;
  letter-spacing:-.065em!important;
  text-shadow:0 8px 36px rgba(0,0,0,.2)!important;
  pointer-events:none!important;
}
#login-screen .login-box{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  width:min(500px,calc(100% - 64px))!important;
  padding:36px 38px 32px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:30px!important;
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(22px)!important;
  box-shadow:0 26px 80px rgba(18,32,51,.15)!important;
}
#login-screen .login-box::before{
  content:"SECURE CLINIC WORKSPACE"!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 11px!important;
  margin-bottom:19px!important;
  border-radius:999px!important;
  background:var(--lx-teal-soft)!important;
  color:#08776f!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.login-logo{display:flex!important;justify-content:flex-start!important;margin:0 0 22px!important;}
.login-logo-img{width:220px!important;height:auto!important;max-height:86px!important;object-fit:contain!important;object-position:left center!important;}
.login-title{font-size:35px!important;line-height:1.05!important;font-weight:850!important;letter-spacing:-.045em!important;color:var(--lx-ink)!important;margin:0 0 9px!important;}
.login-subtitle{font-size:14px!important;line-height:1.65!important;color:var(--lx-muted)!important;margin:0 0 24px!important;max-width:390px!important;}
.login-box .form-group{margin:0 0 16px!important;}
.login-box .form-group label,.login-role-label{display:block!important;margin:0 0 7px!important;color:#75849a!important;font-size:10.5px!important;font-weight:850!important;letter-spacing:.1em!important;text-transform:uppercase!important;}
.login-box input{width:100%!important;height:52px!important;padding:0 16px!important;border:1px solid var(--lx-line-strong)!important;border-radius:14px!important;background:#fff!important;color:var(--lx-ink)!important;outline:none!important;box-shadow:inset 0 1px 0 rgba(18,32,51,.02)!important;}
.login-box input:focus{border-color:var(--lx-violet)!important;box-shadow:0 0 0 4px rgba(121,104,244,.11)!important;}
.login-role-tabs{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:5px!important;margin:0 0 18px!important;border:1px solid var(--lx-line)!important;border-radius:14px!important;background:#f1f4f8!important;}
.login-role-tab{height:40px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#6e7d91!important;font-size:12px!important;font-weight:750!important;}
.login-role-tab.active{background:#fff!important;color:var(--lx-violet)!important;box-shadow:var(--lx-shadow-xs)!important;}
.login-btn{width:100%!important;height:52px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--lx-coral),var(--lx-coral-2))!important;color:#fff!important;font-weight:850!important;box-shadow:0 14px 28px rgba(255,107,74,.26)!important;transition:.18s ease!important;}
.login-btn:hover{transform:translateY(-2px)!important;box-shadow:0 18px 32px rgba(255,107,74,.33)!important;}
.login-hint{margin-top:14px!important;color:#909db0!important;font-size:11.5px!important;text-align:center!important;}
.login-footnote{margin-top:18px!important;padding-top:17px!important;border-top:1px solid var(--lx-line)!important;color:#9ba7b8!important;font-size:11px!important;line-height:1.55!important;text-align:center!important;}
.login-error{border-radius:12px!important;margin-bottom:14px!important;}

/* ------------------------------ APP SHELL ------------------------------ */
#sidebar,
body.sidebar-collapsed #sidebar,
#sidebar:hover,
body.sidebar-collapsed #sidebar:hover{
  position:fixed!important;
  inset:0 auto 0 0!important;
  width:var(--lx-sidebar)!important;
  min-width:var(--lx-sidebar)!important;
  background:
    radial-gradient(circle at 18% 5%,rgba(121,104,244,.20),transparent 24%),
    linear-gradient(180deg,#151b28 0%,#111827 52%,#0c1220 100%)!important;
  color:#fff!important;
  border-right:0!important;
  z-index:400!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  box-shadow:18px 0 50px rgba(13,24,40,.12)!important;
  transition:none!important;
}
.sidebar-logo,
body.sidebar-collapsed #sidebar .sidebar-logo,
#sidebar:hover .sidebar-logo{
  height:112px!important;
  min-height:112px!important;
  padding:16px!important;
  display:flex!important;
  align-items:center!important;
  border:0!important;
  background:transparent!important;
}
.sidebar-logo::before{
  content:""!important;
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  top:16px!important;
  height:80px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f5f8fb 100%)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
.sidebar-logo-img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:205px!important;
  max-width:205px!important;
  height:68px!important;
  max-height:68px!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
.sidebar-nav,
body.sidebar-collapsed #sidebar .sidebar-nav,
#sidebar:hover .sidebar-nav{
  flex:1!important;
  width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:4px 14px 18px!important;
  scrollbar-width:thin!important;
}
.sidebar-nav::-webkit-scrollbar{width:5px!important;}
.sidebar-nav::-webkit-scrollbar-track{background:transparent!important;}
.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14)!important;border-radius:999px!important;}
.sidebar-nav .nav-section{margin:0 0 10px!important;}
.sidebar-nav .nav-label,
.sidebar-nav .nav-section-label,
.sidebar-nav .nav-group-title{
  display:block!important;
  padding:15px 12px 7px!important;
  color:#72809a!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
#sidebar .nav-item,
body.sidebar-collapsed #sidebar .nav-item,
#sidebar:hover .nav-item,
body.sidebar-collapsed #sidebar:hover .nav-item{
  position:relative!important;
  width:100%!important;
  min-height:46px!important;
  height:auto!important;
  margin:4px 0!important;
  padding:0 12px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  color:#c1c9d7!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  transform:none!important;
  transition:.16s ease!important;
}
#sidebar .nav-item span:not(.nav-icon):not(.nav-badge),
body.sidebar-collapsed #sidebar .nav-item span:not(.nav-icon):not(.nav-badge),
#sidebar:hover .nav-item span:not(.nav-icon):not(.nav-badge){display:inline!important;opacity:1!important;visibility:visible!important;}
#sidebar .nav-item:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.05)!important;transform:translateX(2px)!important;}
#sidebar .nav-item.active{
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,248,252,.93))!important;
  color:#1c2637!important;
  border-color:rgba(255,255,255,.65)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}
#sidebar .nav-item.active::after{
  content:""!important;
  position:absolute!important;
  right:8px!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:var(--lx-coral)!important;
  box-shadow:0 0 0 5px rgba(255,107,74,.12)!important;
}
#sidebar .nav-icon,
body.sidebar-collapsed #sidebar .nav-icon,
#sidebar:hover .nav-icon{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.055)!important;
  color:#9ca9bd!important;
  font-size:0!important;
}
#sidebar .nav-icon svg{width:18px!important;height:18px!important;stroke:currentColor!important;stroke-width:1.8!important;fill:none!important;}
#sidebar .nav-item:hover .nav-icon{background:rgba(255,107,74,.14)!important;color:#ff8b6e!important;border-color:rgba(255,107,74,.25)!important;}
#sidebar .nav-item.active .nav-icon{background:var(--lx-coral-soft)!important;color:var(--lx-coral)!important;border-color:#ffd6cb!important;}
#sidebar .nav-badge{margin-left:auto!important;min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;background:var(--lx-coral)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;line-height:20px!important;text-align:center!important;box-shadow:0 7px 14px rgba(255,107,74,.25)!important;}
.sidebar-footer{padding:12px 14px 16px!important;border-top:1px solid rgba(255,255,255,.07)!important;background:rgba(0,0,0,.08)!important;}
.sidebar-user{display:none!important;}
.logout-btn{width:100%!important;height:44px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:13px!important;background:rgba(255,255,255,.05)!important;color:#d5dbe5!important;font-size:12px!important;font-weight:750!important;}
.logout-btn:hover{background:rgba(255,107,74,.14)!important;border-color:rgba(255,107,74,.32)!important;color:#fff!important;}

#main,
body.sidebar-collapsed #main{
  position:fixed!important;
  inset:0 0 0 var(--lx-sidebar)!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  background:
    radial-gradient(circle at 93% 2%,rgba(121,104,244,.08),transparent 26%),
    radial-gradient(circle at 8% 95%,rgba(22,166,160,.07),transparent 24%),
    var(--lx-bg)!important;
  overflow:hidden!important;
  transition:none!important;
}
#topbar{
  position:relative!important;
  height:var(--lx-topbar)!important;
  min-height:var(--lx-topbar)!important;
  margin:0!important;
  padding:0 22px!important;
  border:0!important;
  border-bottom:1px solid rgba(210,218,229,.85)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(22px)!important;
  box-shadow:0 8px 28px rgba(18,32,51,.045)!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  z-index:350!important;
}
#topbar::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,107,74,.42),rgba(22,166,160,.34),transparent)!important;
}
#hamburger-btn{display:none!important;}
.page-title{font-size:18px!important;font-weight:850!important;letter-spacing:-.025em!important;color:var(--lx-ink)!important;white-space:nowrap!important;}
.search-wrap{position:relative!important;flex:1 1 500px!important;max-width:680px!important;margin-left:8px!important;}
.search-wrap input{
  width:100%!important;
  height:44px!important;
  padding:0 16px 0 43px!important;
  border:1px solid var(--lx-line)!important;
  border-radius:14px!important;
  background:#f5f7fa!important;
  color:var(--lx-ink)!important;
  box-shadow:inset 0 1px 0 rgba(18,32,51,.02)!important;
}
.search-wrap input:focus{background:#fff!important;border-color:#b9b2fb!important;box-shadow:0 0 0 4px rgba(121,104,244,.09)!important;}
.search-icon{position:absolute!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;color:#8794a7!important;font-size:0!important;z-index:2!important;}
.search-icon::after{content:"";display:block;width:18px;height:18px;background:no-repeat center/18px 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%237a8799' stroke-width='1.8'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");}
.hub-quick-add{width:44px!important;height:44px!important;border:1px solid var(--lx-line)!important;border-radius:14px!important;background:#fff!important;color:var(--lx-coral)!important;font-size:0!important;box-shadow:var(--lx-shadow-xs)!important;}
.hub-quick-add::before{content:"+"!important;font-size:23px!important;font-weight:400!important;line-height:1!important;}
.topbar-actions{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important;min-width:0!important;}
.topbar-utility-icons{display:flex!important;align-items:center!important;gap:6px!important;}
.topbar-icon-btn,.hub-notif-btn,.notif-btn{
  width:40px!important;height:40px!important;min-width:40px!important;border:1px solid var(--lx-line)!important;border-radius:12px!important;background:#fff!important;color:#65748a!important;display:grid!important;place-items:center!important;font-size:0!important;box-shadow:none!important;
}
.topbar-icon-btn svg,.hub-notif-btn svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;}
.topbar-icon-btn:hover,.hub-notif-btn:hover{background:var(--lx-coral-soft)!important;border-color:#ffd1c5!important;color:var(--lx-coral)!important;}
.notif-dot{width:8px!important;height:8px!important;right:5px!important;top:5px!important;background:var(--lx-coral)!important;border:2px solid #fff!important;}
.hub-assistant-chip{height:40px!important;padding:0 14px!important;border:1px solid #ddd9ff!important;border-radius:12px!important;background:var(--lx-violet-soft)!important;color:#5948d9!important;font-size:12px!important;font-weight:800!important;display:flex!important;align-items:center!important;gap:7px!important;}
.hub-assistant-icon{color:var(--lx-violet)!important;}
.hub-inline-btn{height:40px!important;min-height:40px!important;border-radius:12px!important;padding:0 14px!important;font-size:12px!important;font-weight:800!important;}
.hub-inline-btn.btn-ghost{background:#fff!important;border:1px solid var(--lx-line)!important;color:var(--lx-ink-2)!important;}
.hub-inline-btn.btn-primary{background:linear-gradient(135deg,var(--lx-coral),var(--lx-coral-2))!important;border:0!important;color:#fff!important;box-shadow:0 10px 20px rgba(255,107,74,.2)!important;}
.hub-account-chip{height:44px!important;padding:4px 7px 4px 5px!important;border:1px solid var(--lx-line)!important;border-radius:14px!important;background:#fff!important;color:var(--lx-ink)!important;display:flex!important;align-items:center!important;gap:8px!important;box-shadow:var(--lx-shadow-xs)!important;}
.hub-account-avatar{width:34px!important;height:34px!important;border-radius:10px!important;background:linear-gradient(135deg,#1b2738,#3b4c66)!important;color:#fff!important;font-size:11px!important;font-weight:850!important;display:grid!important;place-items:center!important;}
.hub-account-name{max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;font-weight:800!important;}
.hub-account-caret{font-size:10px!important;color:#8794a7!important;}

#content{
  flex:1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:24px 26px 34px!important;
  scroll-behavior:smooth!important;
}
#content::-webkit-scrollbar{width:9px!important;}
#content::-webkit-scrollbar-track{background:transparent!important;}
#content::-webkit-scrollbar-thumb{background:#c9d1dc!important;border:3px solid transparent!important;background-clip:padding-box!important;border-radius:999px!important;}
.page{width:100%!important;max-width:none!important;min-width:0!important;}

/* ----------------------------- PAGE HEADERS ----------------------------- */
.page>.section-header,
#page-allappointments>.section-header,
#page-patients>.section-header{
  position:relative!important;
  min-height:96px!important;
  margin:0 0 18px!important;
  padding:20px 22px!important;
  border:1px solid rgba(224,229,237,.95)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 92% 20%,rgba(255,107,74,.10),transparent 25%),
    radial-gradient(circle at 74% 95%,rgba(22,166,160,.08),transparent 27%),
    linear-gradient(135deg,#ffffff 0%,#fbfcff 100%)!important;
  box-shadow:var(--lx-shadow-sm)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  overflow:hidden!important;
}
.page>.section-header::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:20px!important;
  bottom:20px!important;
  width:5px!important;
  border-radius:0 999px 999px 0!important;
  background:linear-gradient(180deg,var(--lx-coral),var(--lx-violet))!important;
}
.section-title{font-size:26px!important;line-height:1.12!important;font-weight:850!important;letter-spacing:-.042em!important;color:var(--lx-ink)!important;margin:0!important;}
.section-title span{color:#9aa7b8!important;font-size:.62em!important;font-weight:700!important;letter-spacing:0!important;}
.section-sub{margin-top:6px!important;color:var(--lx-muted)!important;font-size:12.5px!important;line-height:1.5!important;}
.page>.section-header>div:last-child{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;position:relative!important;z-index:1!important;}

/* ----------------------------- SURFACES ----------------------------- */
.card,.metric-card,.stat-block,.settings-section,.clinic-card,.crm-inline-filter-panel,.crm-patient-filter-panel,.billing-filter-panel,.cal-sync-section,.pf-card,.crm-admin-menu,.notification-panel,.notif-panel{
  border:1px solid var(--lx-line)!important;
  border-radius:var(--lx-radius)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--lx-shadow-sm)!important;
}
.card{padding:18px!important;overflow:hidden!important;}
.card-header{min-height:44px!important;padding:0 0 13px!important;margin:0 0 14px!important;border-bottom:1px solid #edf0f4!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
.card-title{font-size:16px!important;font-weight:850!important;color:var(--lx-ink)!important;letter-spacing:-.02em!important;}
.card-subtitle{font-size:12px!important;color:var(--lx-muted)!important;}
.grid2,.grid3,.grid4{gap:16px!important;min-width:0!important;}
.mt16{margin-top:16px!important;}
.metric-card,.stat-block{
  position:relative!important;
  min-height:128px!important;
  padding:19px!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.metric-card::before,.stat-block::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:4px!important;
  background:linear-gradient(90deg,var(--lx-coral),var(--lx-violet),var(--lx-teal))!important;
  opacity:.9!important;
}
.metric-card::after,.stat-block::after{
  content:""!important;
  position:absolute!important;
  right:-36px!important;
  top:-46px!important;
  width:118px!important;
  height:118px!important;
  border-radius:36px!important;
  transform:rotate(26deg)!important;
  background:linear-gradient(145deg,rgba(121,104,244,.10),rgba(22,166,160,.05))!important;
  z-index:-1!important;
}
.metric-icon{width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:var(--lx-violet-soft)!important;color:var(--lx-violet)!important;font-size:18px!important;}
.metric-val,.stat-block-val{margin-top:12px!important;font-size:28px!important;line-height:1!important;font-weight:850!important;letter-spacing:-.045em!important;color:var(--lx-ink)!important;}
.metric-label,.stat-block-label{margin-top:7px!important;color:var(--lx-muted)!important;font-size:11.5px!important;font-weight:650!important;}

/* ----------------------------- CONTROLS ----------------------------- */
.btn,.cp-btn,.bk-btn{border-radius:12px!important;font-weight:800!important;box-shadow:none!important;transition:.16s ease!important;}
.btn{min-height:40px!important;padding:0 14px!important;border:1px solid transparent!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;}
.btn-sm{min-height:36px!important;height:36px!important;padding:0 12px!important;font-size:12px!important;}
.btn-primary{background:linear-gradient(135deg,var(--lx-coral),var(--lx-coral-2))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 20px rgba(255,107,74,.18)!important;}
.btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 14px 24px rgba(255,107,74,.24)!important;}
.btn-ghost{background:#fff!important;border-color:var(--lx-line-strong)!important;color:var(--lx-ink-2)!important;}
.btn-ghost:hover{background:var(--lx-violet-soft)!important;border-color:#d6d0ff!important;color:#5b4bdc!important;}
.btn-green{background:var(--lx-green)!important;border-color:var(--lx-green)!important;color:#fff!important;}
.btn-red{background:var(--lx-red-soft)!important;border-color:#f1c8cd!important;color:var(--lx-red)!important;}
input,select,textarea,.filter-select{
  border:1px solid var(--lx-line-strong)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--lx-ink)!important;
  outline:none!important;
  box-shadow:none!important;
}
input,select{height:43px!important;padding:0 13px!important;}
textarea{padding:12px 13px!important;line-height:1.55!important;}
input:focus,select:focus,textarea:focus{border-color:#b7afff!important;box-shadow:0 0 0 4px rgba(121,104,244,.09)!important;}
.form-group label,.crm-filter-field>span,.all-appt-filter-label,.billing-filter-grid label{display:block!important;margin:0 0 6px!important;color:#8190a4!important;font-size:10px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.09em!important;}
.form-row{gap:12px!important;}

/* ----------------------------- FILTERS ----------------------------- */
.crm-inline-filter-panel,.crm-patient-filter-panel,.billing-filter-panel,.all-appt-toolbar.crm-appt-filter-panel{padding:15px!important;margin:0 0 16px!important;background:rgba(255,255,255,.96)!important;}
.crm-inline-filter-head{padding:0 0 11px!important;margin:0 0 12px!important;border-bottom:1px solid #edf0f4!important;}
.crm-inline-filter-title{color:#7c8ba0!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
.crm-inline-filter-grid,.billing-filter-grid,.all-appt-filter-grid{gap:10px!important;align-items:end!important;}
.filter-chip{height:34px!important;padding:0 12px!important;border:1px solid var(--lx-line)!important;border-radius:999px!important;background:#fff!important;color:var(--lx-ink-2)!important;font-size:11px!important;font-weight:750!important;}
.filter-chip.active{background:var(--lx-navy)!important;border-color:var(--lx-navy)!important;color:#fff!important;}

/* ----------------------------- TABLES ----------------------------- */
.tbl-wrap{max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;}
.tbl-wrap::-webkit-scrollbar{height:8px!important;}
.tbl-wrap::-webkit-scrollbar-thumb{background:#cbd3df!important;border-radius:999px!important;}
.tbl-wrap table{width:100%!important;border-collapse:separate!important;border-spacing:0 8px!important;background:transparent!important;}
.tbl-wrap thead th{height:36px!important;padding:0 12px!important;border:0!important;background:transparent!important;color:#8593a7!important;font-size:9.5px!important;font-weight:900!important;letter-spacing:.09em!important;text-transform:uppercase!important;white-space:nowrap!important;}
.tbl-wrap tbody td{padding:12px!important;border-top:1px solid #e8edf3!important;border-bottom:1px solid #e8edf3!important;background:#fff!important;color:var(--lx-ink-2)!important;font-size:12.5px!important;vertical-align:middle!important;}
.tbl-wrap tbody td:first-child{border-left:1px solid #e8edf3!important;border-radius:14px 0 0 14px!important;}
.tbl-wrap tbody td:last-child{border-right:1px solid #e8edf3!important;border-radius:0 14px 14px 0!important;}
.tbl-wrap tbody tr:hover td{background:#fbfbff!important;border-color:#dcd8ff!important;}
.td-name{color:var(--lx-ink)!important;font-weight:850!important;}
.td-sub{color:var(--lx-muted)!important;font-size:11.5px!important;}
.td-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;}

/* ----------------------------- BADGES ----------------------------- */
.badge{min-height:25px!important;padding:0 9px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:10.5px!important;font-weight:850!important;white-space:nowrap!important;}
.badge-new,.badge-pending,.badge-unpaid{background:var(--lx-amber-soft)!important;color:var(--lx-amber)!important;}
.badge-confirmed,.badge-arrived,.badge-completed,.badge-paid{background:var(--lx-green-soft)!important;color:var(--lx-green)!important;}
.badge-noshow,.badge-cancelled,.badge-rejected{background:var(--lx-red-soft)!important;color:var(--lx-red)!important;}
.badge-partial,.badge-checkin,.badge-in-progress{background:var(--lx-blue-soft)!important;color:var(--lx-blue)!important;}

/* ----------------------------- APPOINTMENTS ----------------------------- */
#page-allappointments>.section-header{min-height:82px!important;}
.crm-appt-toolbar-stable{
  padding:10px!important;
  margin:0 0 14px!important;
  border:1px solid var(--lx-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:var(--lx-shadow-sm)!important;
  gap:10px!important;
}
.crm-appt-tabs{padding:5px!important;border:1px solid #e6e9f0!important;border-radius:14px!important;background:#f2f4f8!important;display:flex!important;gap:4px!important;}
.crm-appt-tab{height:40px!important;padding:0 14px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#647389!important;font-size:12px!important;font-weight:800!important;}
.crm-appt-tab.active{background:#fff!important;color:var(--lx-coral)!important;box-shadow:var(--lx-shadow-xs)!important;}
.crm-appt-tab-icon{width:16px!important;height:16px!important;stroke:currentColor!important;}
.crm-appt-action-secondary,.crm-appt-action-primary{height:42px!important;padding:0 16px!important;border-radius:12px!important;font-size:12px!important;font-weight:850!important;}
.crm-appt-action-secondary{background:#fff!important;border:1px solid var(--lx-line-strong)!important;color:var(--lx-ink-2)!important;}
.crm-appt-action-primary{background:linear-gradient(135deg,var(--lx-coral),var(--lx-coral-2))!important;border:0!important;color:#fff!important;box-shadow:0 10px 20px rgba(255,107,74,.18)!important;}
.all-appt-results{padding:10px 12px 14px!important;}
.all-appt-table{min-width:1080px!important;table-layout:fixed!important;}

/* ----------------------------- PATIENTS ----------------------------- */
#page-patients>.section-header{min-height:82px!important;}
#page-patients .crm-patient-filter-panel{box-shadow:var(--lx-shadow-sm)!important;}
#page-patients>.card{padding:10px 12px 14px!important;}
.crm-patients-table{min-width:1160px!important;}
.crm-patient-actions .btn-ghost{background:var(--lx-navy)!important;border-color:var(--lx-navy)!important;color:#fff!important;}
.wa-btn{height:34px!important;border:1px solid #b9e1dd!important;border-radius:10px!important;background:var(--lx-teal-soft)!important;color:#08776f!important;font-weight:800!important;}

/* ----------------------------- CALENDAR ----------------------------- */
.cal-view-tabs{padding:5px!important;border:1px solid #e6e9f0!important;border-radius:13px!important;background:#f2f4f8!important;}
.cal-view-tab{height:36px!important;padding:0 13px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#66758a!important;font-weight:800!important;}
.cal-view-tab.active{background:#fff!important;color:var(--lx-violet)!important;box-shadow:var(--lx-shadow-xs)!important;}
.cal-header{padding:0 0 14px!important;margin-bottom:12px!important;border-bottom:1px solid #edf0f4!important;}
.cal-nav-btn{width:36px!important;height:36px!important;border:1px solid var(--lx-line)!important;border-radius:11px!important;background:#fff!important;color:var(--lx-ink)!important;}
.cal-title{font-size:18px!important;font-weight:850!important;letter-spacing:-.02em!important;color:var(--lx-ink)!important;}
.cal-grid{overflow:hidden!important;border:1px solid var(--lx-line)!important;border-radius:16px!important;background:#fff!important;}
.cal-day-header{background:#f7f8fb!important;color:#8492a6!important;font-size:9.5px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
.cal-cell{min-height:116px!important;background:#fff!important;border-color:#edf0f4!important;}
.cal-cell:hover{background:#fbfbff!important;}.cal-cell.today{background:#f4f2ff!important;}
.appt-chip,.wg-appt{border-radius:8px!important;font-size:10.5px!important;font-weight:800!important;}
.cal-sync-section{padding:17px!important;}
.cal-provider{border:1px solid var(--lx-line)!important;border-radius:14px!important;background:#fff!important;}

/* ----------------------------- PIPELINE / OPERATIONS ----------------------------- */
.pipeline{gap:13px!important;overflow-x:auto!important;padding:2px 0 10px!important;}
.pipeline-col,.pipeline-column{min-width:270px!important;padding:11px!important;border:1px solid var(--lx-line)!important;border-radius:18px!important;background:#eef1f6!important;}
.pipeline-col-header,.pipeline-column-header{padding:8px 8px 12px!important;font-weight:850!important;color:var(--lx-ink)!important;}
.pipeline-card,.task-item,.recept-row,.med-card,.lab-card,.therapy-card,.resource-card,.product-card{border:1px solid var(--lx-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:var(--lx-shadow-xs)!important;}
.pipeline-card{margin-bottom:9px!important;padding:13px!important;}
.task-item,.recept-row{padding:13px!important;}

/* ----------------------------- SETTINGS / TABS ----------------------------- */
.settings-tabs{display:flex!important;gap:8px!important;padding:6px!important;margin:0 0 16px!important;border:1px solid var(--lx-line)!important;border-radius:15px!important;background:#eef1f6!important;overflow-x:auto!important;}
.settings-tab{height:38px!important;padding:0 14px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#647389!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;}
.settings-tab.active{background:#fff!important;color:var(--lx-violet)!important;box-shadow:var(--lx-shadow-xs)!important;}
.settings-section{padding:19px!important;margin-bottom:16px!important;}
.settings-section-title{font-size:17px!important;font-weight:850!important;color:var(--lx-ink)!important;}

/* ----------------------------- MODALS / DRAWERS ----------------------------- */
.modal-overlay,.modal-backdrop{background:rgba(12,18,30,.56)!important;backdrop-filter:blur(7px)!important;}
.modal{border:1px solid rgba(255,255,255,.7)!important;border-radius:26px!important;background:#fff!important;box-shadow:0 32px 100px rgba(12,18,30,.28)!important;overflow:hidden!important;}
.modal-header{padding:18px 20px!important;border-bottom:1px solid var(--lx-line)!important;background:linear-gradient(180deg,#fff,#fbfcfe)!important;}
.modal-title{font-size:19px!important;font-weight:850!important;letter-spacing:-.025em!important;color:var(--lx-ink)!important;}
.modal-body{padding:20px!important;}.modal-footer{padding:15px 20px!important;border-top:1px solid var(--lx-line)!important;background:#fafbfc!important;}
#detail-panel,.detail-panel{
  top:14px!important;
  right:14px!important;
  bottom:14px!important;
  width:min(1320px,calc(100vw - var(--lx-sidebar) - 28px))!important;
  max-width:calc(100vw - var(--lx-sidebar) - 28px)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  border-radius:28px!important;
  background:#f6f7fa!important;
  box-shadow:0 34px 100px rgba(12,18,30,.28)!important;
  overflow:hidden!important;
}
#detail-panel .dp-header{padding:17px 20px!important;border-bottom:1px solid var(--lx-line)!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)!important;}
#detail-panel .dp-tabs{padding:12px 18px!important;gap:7px!important;border-bottom:1px solid var(--lx-line)!important;background:#f5f6f9!important;}
#detail-panel .dp-tab{height:38px!important;padding:0 13px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#65758a!important;font-size:12px!important;font-weight:800!important;}
#detail-panel .dp-tab.active{background:#fff!important;border-color:var(--lx-line)!important;color:var(--lx-violet)!important;box-shadow:var(--lx-shadow-xs)!important;}
#detail-panel .dp-body{padding:18px!important;background:#f6f7fa!important;}
.pf-card{padding:17px!important;}

/* ----------------------------- PANELS / AI / ADMIN ----------------------------- */
#notif-panel,.notif-panel,.notification-panel,.crm-admin-menu,.crm-ai-panel,.ai-panel{
  border:1px solid rgba(255,255,255,.76)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 24px 70px rgba(12,18,30,.22)!important;
  backdrop-filter:blur(20px)!important;
}
.crm-admin-menu-item:hover{background:var(--lx-violet-soft)!important;}
.crm-ai-launcher,.ai-launcher{background:linear-gradient(135deg,var(--lx-navy),var(--lx-navy-3))!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 16px 32px rgba(13,24,40,.22)!important;}

/* ----------------------------- MOBILE ----------------------------- */
@media(max-width:1500px){
  :root{--lx-sidebar:250px;}
  .topbar-utility-icons .topbar-icon-btn:nth-child(4){display:none!important;}
  .hub-account-name{display:none!important;}
  .hub-account-chip{padding-right:5px!important;}
}
@media(max-width:1260px){
  :root{--lx-sidebar:228px;}
  .topbar-utility-icons{display:none!important;}
  .hub-inline-btn.btn-ghost{display:none!important;}
  #content{padding:20px!important;}
}
@media(max-width:980px){
  :root{--lx-topbar:68px;}
  #sidebar,body.sidebar-collapsed #sidebar,#sidebar:hover{width:282px!important;min-width:282px!important;transform:translateX(-100%)!important;transition:transform .22s ease!important;box-shadow:24px 0 60px rgba(12,18,30,.34)!important;}
  body.mobile-sidebar-open #sidebar,#sidebar.mobile-open{transform:translateX(0)!important;}
  #main,body.sidebar-collapsed #main{inset:0!important;}
  #hamburger-btn{display:grid!important;width:40px!important;height:40px!important;place-items:center!important;border:1px solid var(--lx-line)!important;border-radius:12px!important;background:#fff!important;color:var(--lx-ink)!important;}
  .page-title{display:none!important;}
  #topbar{padding:0 14px!important;}
  .search-wrap{margin-left:0!important;}
  .hub-assistant-chip span:last-child{display:none!important;}
  .hub-assistant-chip{width:40px!important;padding:0!important;justify-content:center!important;}
  #detail-panel,.detail-panel{left:10px!important;right:10px!important;top:10px!important;bottom:10px!important;width:auto!important;max-width:none!important;}
}
@media(max-width:720px){
  #content{padding:14px 12px 24px!important;}
  #topbar{gap:7px!important;}
  .search-wrap{max-width:none!important;}
  .hub-quick-add,.hub-notif-btn,.hub-assistant-chip{display:none!important;}
  .hub-inline-btn.btn-primary{padding:0 11px!important;font-size:11px!important;}
  .hub-account-chip{display:none!important;}
  .page>.section-header,#page-allappointments>.section-header,#page-patients>.section-header{min-height:auto!important;padding:17px!important;border-radius:19px!important;align-items:flex-start!important;flex-direction:column!important;}
  .section-title{font-size:22px!important;}
  .page>.section-header>div:last-child{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
  .page>.section-header>div:last-child .btn,.page>.section-header>div:last-child select,.page>.section-header>div:last-child input{width:100%!important;}
  .grid4,.grid3{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .metric-card,.stat-block{min-height:116px!important;padding:16px!important;}
  .crm-appt-toolbar-stable{flex-wrap:wrap!important;}
  .crm-appt-view-row,.crm-appt-action-row{width:100%!important;}
  .crm-appt-tabs{width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;}
  .crm-appt-tab{padding:0 7px!important;font-size:10.5px!important;}
  .crm-appt-action-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .crm-appt-action-row button{width:100%!important;}
}
@media(max-width:480px){
  #login-screen{display:block!important;overflow-y:auto!important;padding:18px!important;background:linear-gradient(150deg,#111827 0 33%,#f4f5f8 33.2%)!important;}
  #login-screen::before,#login-screen::after{display:none!important;}
  #login-screen .login-box{width:100%!important;margin:8vh auto 0!important;padding:28px 22px!important;border-radius:24px!important;}
  .login-logo-img{width:190px!important;}
  .login-role-tabs{grid-template-columns:repeat(2,1fr)!important;}
  .grid4,.grid3,.grid2{grid-template-columns:1fr!important;}
  .page>.section-header>div:last-child{grid-template-columns:1fr!important;}
}

/* ----------------------------- DARK MODE ----------------------------- */
body.crm-night-mode{
  --lx-bg:#0f1420;
  --lx-surface:#171e2a;
  --lx-surface-2:#1d2532;
  --lx-surface-3:#252e3c;
  --lx-ink:#f2f5f9;
  --lx-ink-2:#c8d0dc;
  --lx-muted:#8f9bad;
  --lx-line:#2c3645;
  --lx-line-strong:#3a4657;
  background:#0f1420!important;
  color:var(--lx-ink)!important;
}
body.crm-night-mode #main,body.crm-night-mode #content{background:#0f1420!important;}
body.crm-night-mode #topbar{background:rgba(22,29,41,.92)!important;border-color:#2c3645!important;}
body.crm-night-mode .page>.section-header,
body.crm-night-mode .card,
body.crm-night-mode .metric-card,
body.crm-night-mode .stat-block,
body.crm-night-mode .crm-inline-filter-panel,
body.crm-night-mode .crm-patient-filter-panel,
body.crm-night-mode .billing-filter-panel,
body.crm-night-mode .crm-appt-toolbar-stable,
body.crm-night-mode .settings-section,
body.crm-night-mode .clinic-card,
body.crm-night-mode .pf-card,
body.crm-night-mode .modal,
body.crm-night-mode #detail-panel,
body.crm-night-mode .detail-panel{background:#171e2a!important;border-color:#2c3645!important;box-shadow:none!important;}
body.crm-night-mode .section-title,body.crm-night-mode .card-title,body.crm-night-mode .metric-val,body.crm-night-mode .stat-block-val,body.crm-night-mode .td-name,body.crm-night-mode .modal-title{color:#f4f7fb!important;}
body.crm-night-mode .section-sub,body.crm-night-mode .card-subtitle,body.crm-night-mode .metric-label,body.crm-night-mode .stat-block-label,body.crm-night-mode .td-sub{color:#8f9bad!important;}
body.crm-night-mode input,body.crm-night-mode select,body.crm-night-mode textarea,body.crm-night-mode .search-wrap input{background:#1c2431!important;border-color:#394455!important;color:#f2f5f9!important;}
body.crm-night-mode .btn-ghost,body.crm-night-mode .topbar-icon-btn,body.crm-night-mode .hub-notif-btn,body.crm-night-mode .hub-account-chip,body.crm-night-mode .hub-quick-add{background:#1c2431!important;border-color:#394455!important;color:#d6dde8!important;}
body.crm-night-mode .tbl-wrap tbody td{background:#171e2a!important;border-color:#2c3645!important;color:#c8d0dc!important;}
body.crm-night-mode .tbl-wrap tbody tr:hover td{background:#1d2532!important;border-color:#504a90!important;}
body.crm-night-mode .tbl-wrap thead th{color:#7f8da1!important;}
body.crm-night-mode .crm-appt-tabs,body.crm-night-mode .settings-tabs,body.crm-night-mode .cal-view-tabs{background:#111722!important;border-color:#2c3645!important;}
body.crm-night-mode .crm-appt-tab.active,body.crm-night-mode .settings-tab.active,body.crm-night-mode .cal-view-tab.active{background:#242d3b!important;color:#b8afff!important;}
body.crm-night-mode #detail-panel .dp-header,body.crm-night-mode #detail-panel .dp-tabs{background:#171e2a!important;border-color:#2c3645!important;}
body.crm-night-mode #detail-panel .dp-body{background:#0f1420!important;}
body.crm-night-mode .cal-grid,body.crm-night-mode .cal-cell,body.crm-night-mode .cal-provider{background:#171e2a!important;border-color:#2c3645!important;}
body.crm-night-mode .cal-day-header{background:#111722!important;color:#7f8da1!important;}
body.crm-night-mode .cal-cell:hover{background:#1d2532!important;}

/* client brand placement on the CRM login hero */
.login-hero-brand{
  position:absolute!important;
  left:clamp(60px,7vw,124px)!important;
  top:clamp(55px,8vh,92px)!important;
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:12px!important;
  pointer-events:none!important;
}
.login-hero-brand img{
  width:clamp(210px,19vw,310px)!important;
  max-height:116px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.20))!important;
}
.login-hero-brand div{
  display:inline-flex!important;
  min-height:30px!important;
  padding:0 12px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:#d8e1ed!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  backdrop-filter:blur(12px)!important;
}
@media(max-width:480px){.login-hero-brand{display:none!important;}}

/* V36 final high-specificity shell corrections */
#sidebar .sidebar-logo,
body.sidebar-collapsed #sidebar .sidebar-logo,
#sidebar:hover .sidebar-logo,
body.sidebar-collapsed #sidebar:hover .sidebar-logo{
  position:relative!important;
  height:112px!important;
  min-height:112px!important;
  padding:16px!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#sidebar .sidebar-logo::before,
body.sidebar-collapsed #sidebar .sidebar-logo::before,
#sidebar:hover .sidebar-logo::before,
body.sidebar-collapsed #sidebar:hover .sidebar-logo::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:16px!important;
  height:auto!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f4f7fb 100%)!important;
  box-shadow:0 15px 35px rgba(0,0,0,.22)!important;
}
#sidebar .sidebar-logo-img,
body.sidebar-collapsed #sidebar .sidebar-logo-img,
#sidebar:hover .sidebar-logo-img,
body.sidebar-collapsed #sidebar:hover .sidebar-logo-img{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  width:205px!important;
  min-width:205px!important;
  max-width:205px!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  margin:0 auto!important;
  padding:0!important;
  flex:0 0 205px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}

#content .page > .section-header,
#content #page-dashboard > .section-header,
#content #page-allappointments > .section-header,
#content #page-patients > .section-header,
#content #page-calendar > .section-header,
#content #page-receptionist > .section-header,
#content #page-pipeline > .section-header,
#content #page-followups > .section-header,
#content #page-billing > .section-header,
#content #page-reports > .section-header,
#content #page-resources > .section-header,
#content #page-medications > .section-header,
#content #page-settings > .section-header,
#content #page-labtests > .section-header,
#content #page-therapy > .section-header,
#content #page-products > .section-header{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:96px!important;
  margin:0 0 18px!important;
  padding:20px 22px!important;
  border:1px solid rgba(224,229,237,.98)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 92% 18%,rgba(255,107,74,.11),transparent 24%),
    radial-gradient(circle at 73% 105%,rgba(22,166,160,.08),transparent 27%),
    linear-gradient(135deg,#ffffff 0%,#fafbff 100%)!important;
  box-shadow:0 14px 36px rgba(18,32,51,.075)!important;
  overflow:hidden!important;
}
#content .page > .section-header::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:18px!important;
  bottom:18px!important;
  width:5px!important;
  border-radius:0 999px 999px 0!important;
  background:linear-gradient(180deg,var(--lx-coral),var(--lx-violet),var(--lx-teal))!important;
}
#content .page > .section-header .section-title{
  color:var(--lx-ink)!important;
  font-size:27px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:-.045em!important;
}
#content .page > .section-header .section-sub{color:var(--lx-muted)!important;}

@media(max-width:1600px){
  #topbar .topbar-utility-icons{display:none!important;}
  #topbar .hub-inline-btn.btn-ghost{display:none!important;}
  #topbar .search-wrap{max-width:620px!important;flex-basis:420px!important;}
}
@media(max-width:1320px){
  #topbar .hub-assistant-chip span:last-child{display:none!important;}
  #topbar .hub-assistant-chip{width:40px!important;padding:0!important;justify-content:center!important;}
  #topbar .hub-account-name{display:none!important;}
}

/* Remove legacy collapsed-shell dimensions that caused horizontal overflow */
#sidebar,
body.sidebar-collapsed #sidebar,
#sidebar:hover,
body.sidebar-collapsed #sidebar:hover{
  max-width:none!important;
  margin:0!important;
}
#main,
body.sidebar-collapsed #main{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  margin-left:0!important;
  transform:none!important;
}