/* PsiReal — linguagem visual compartilhada entre Hub e Instrumentos */
:root{
  --clinical-font:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --clinical-display:"Manrope","Inter",system-ui,sans-serif;
  --clinical-page:#F7F8FC;--clinical-sidebar:#FFFFFF;--clinical-surface:#FFFFFF;
  --clinical-border:#E4E7EC;--clinical-text:#1F2937;--clinical-muted:#667085;
  --clinical-purple:#6D4FC2;--clinical-purple-hover:#5A3EB0;
  --clinical-purple-soft:#F0EDFA;--clinical-gold:#C9962A;
  --bg:#F7F8FC;--bg2:#F2F3F7;--bg3:#F0EDFA;--surface:#FFFFFF;
  --border:#E4E7EC;--ink:#1F2937;--ink2:#667085;--primary:#6D4FC2;
  --primary-dark:#5A3EB0;--primary-subtle:#F0EDFA;--violet:#6D4FC2;
  --violet-hover:#5A3EB0;--gold:#C9962A;
}
html,body,body *,button,input,select,textarea{font-family:var(--clinical-font)!important}
body{background:var(--clinical-page)!important;color:var(--clinical-text)!important}
.logo-text,.topbar-title,.section-title,.card-title,.page-title,.hero-title,.stat-value,.metric-value,.lock-title{font-family:var(--clinical-display)!important}

.sidebar{width:264px!important;background:#fff!important;border-right:1px solid var(--clinical-border)!important;box-shadow:none!important}
.sidebar .logo{min-height:84px!important;padding:17px 20px!important;border-bottom:0!important}
.logo-mark{align-items:center!important;gap:12px!important}
.logo-icon,.logo-mark{width:auto!important;height:auto!important;background:none!important}
.logo-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;border:1px solid #E8E2F4!important;border-radius:13px!important;background:#fff url("icon-192.png") center/35px 35px no-repeat!important;box-shadow:0 5px 15px rgba(35,25,63,.06)!important}
.logo-icon::before,.logo-icon::after,.logo-icon svg,.logo-icon img{display:none!important}
.logo-text{color:#1F2937!important;font-size:17px!important;font-weight:800!important;letter-spacing:-.02em!important}
.logo-sub{display:block!important;margin-top:4px!important;color:#8A8295!important;font-size:9px!important;font-weight:750!important;letter-spacing:.12em!important;text-transform:uppercase}
.ecosystem-back{display:flex;align-items:center;gap:9px;margin:0 14px 8px;padding:10px 12px;border:1px solid #E8E3F1;border-radius:10px;color:#6D4FC2;font-size:12px;font-weight:750;transition:.18s}
.ecosystem-back:hover{border-color:#CFC4EB;background:#FAF8FF}
.nav{padding:10px 12px 142px!important}
.nav-section{margin-bottom:20px!important}
.nav-label{margin:0 0 8px 10px!important;color:#98A2B3!important;font-size:9px!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase}
.nav-item{min-height:43px!important;margin:2px 0!important;padding:0 12px!important;border-radius:10px!important;color:#667085!important;font-size:13px!important;font-weight:550!important}
.nav-item:hover{background:#F7F8FC!important;color:#1F2937!important}
.nav-item.active{background:#F0EDFA!important;color:#6D4FC2!important;box-shadow:none!important;font-weight:700!important}
.nav-item.active::before{display:none!important}.nav-icon{width:18px!important;height:18px!important}
.nav-badge{background:#6D4FC2!important;color:#fff!important}.sidebar-user{background:#fff!important;border-top:1px solid #E4E7EC!important;padding:13px 12px!important}
.user-avatar{background:#F0EDFA!important;color:#6D4FC2!important}.account-btn{border-radius:9px!important;background:#F7F8FC!important}
.account-btn.primary{background:#6D4FC2!important;color:#fff!important}

.main{margin-left:264px!important;background:#F7F8FC!important}
.topbar{min-height:76px!important;padding:14px 34px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #E4E7EC!important;backdrop-filter:blur(16px)}
.topbar-title{color:#1F2937!important;font-size:16px!important;font-weight:800!important}.topbar-sub{color:#667085!important}
.content{max-width:1480px!important;padding:34px 36px 64px!important}
.dashboard-hero{min-height:auto!important;margin:0 0 24px!important;padding:8px 2px 12px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.dashboard-hero::before{display:none!important}.hero-kicker,.eyebrow{margin-bottom:9px!important;color:#6D4FC2!important;font-size:10px!important;font-weight:850!important;letter-spacing:.14em!important}
.hero-date{color:#98A2B3!important}.hero-title{margin-bottom:8px!important;color:#1F2937!important;font-size:clamp(30px,3vw,39px)!important;letter-spacing:-.035em!important}
.hero-sub{max-width:720px;color:#667085!important;font-size:14px!important}

.card,.stat-card,.inv-card,.evo-card,.settings-panel,.resultado-card,.person-card,.schema-panel,.panel,.patient-bar,.metric-card,.table-card,.dash-panel{
  background:#fff!important;border:1px solid #E4E7EC!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important
}
.card:hover,.stat-card:hover,.inv-card:hover{border-color:#D7D0E7!important;box-shadow:0 9px 24px rgba(16,24,40,.055)!important}
.stat-card{padding:20px!important}.stat-icon{background:#F0EDFA!important;color:#6D4FC2!important;border-radius:10px!important}
.card-title,.section-title,.page-title{color:#1F2937!important}.card-action,a.card-action{color:#6D4FC2!important}
.section-title{font-size:18px!important;font-weight:800!important}
.dash-panel::before,.stat-card::before,.card::before{max-height:0!important}

.btn,button.btn{min-height:42px!important;border-radius:10px!important;font-weight:700!important}
.btn-primary,.button-primary,.lock-btn,.btn-gerar{background:#6D4FC2!important;border-color:#6D4FC2!important;color:#fff!important;box-shadow:none!important}
.btn-primary:hover,.button-primary:hover,.lock-btn:hover,.btn-gerar:hover{background:#5A3EB0!important;border-color:#5A3EB0!important}
.filter-tab.active,.cat-btn.active,.tab.active{color:#6D4FC2!important}.filter-tab.active,.cat-btn.active{background:#6D4FC2!important;color:#fff!important}
input,select,textarea{background:#fff!important;border:1px solid #D0D5DD!important;border-radius:10px!important}
input:focus,select:focus,textarea:focus{border-color:#6D4FC2!important;box-shadow:0 0 0 3px rgba(109,79,194,.11)!important}
.stat-card.lilac .stat-value,.metric-value{color:#6D4FC2!important}.stat-card.amber .stat-value,.gold,[class*="gold"]{color:#C9962A!important}

#lockScreen{background:linear-gradient(145deg,#F7F8FC,#F1EDFA)!important}
.lock-card{background:#fff!important;border:1px solid #E4E7EC!important;border-radius:22px!important;box-shadow:0 24px 70px rgba(31,41,55,.10)!important}
.lock-logo{width:64px!important;height:64px!important;border-radius:18px!important;background:#fff url("icon-192.png") center/54px 54px no-repeat!important;box-shadow:0 8px 24px rgba(35,25,63,.08)!important}
.lock-title{font-weight:800!important;letter-spacing:-.03em!important}
.mobile-topbar{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #E4E7EC!important}
.mobile-title{font-family:var(--clinical-display)!important;font-weight:800!important}

@media(max-width:760px){
  .main{margin-left:0!important}.sidebar{width:min(88vw,318px)!important}
  .topbar{padding:14px 16px!important}.content{padding:22px 14px 84px!important}
  .dashboard-hero{padding:4px 2px 10px!important}.hero-title{font-size:29px!important}
  .ecosystem-back{margin-inline:12px}
}