/* i9 Dental: layout improvements. Colors and fonts inherit the original pages. */
body .top{gap:16px;flex-wrap:wrap}
body .top>div,body .app main{min-width:0}
body .sheet .x{min-width:40px;min-height:40px;top:10px;right:10px}
body :focus-visible{outline:2px solid var(--acc,var(--p,#8b7cff));outline-offset:3px}
body a{text-underline-offset:3px}
@media(max-width:900px){
  body .app{margin:12px 12px 28px;max-width:calc(100% - 24px);grid-template-columns:minmax(0,1fr)}
  body .app>aside{display:block;padding:14px 16px;border-right:0}
  body .app>aside .brand{margin-bottom:12px}
  body .app>aside nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}
  body .app>aside nav a{flex:0 0 auto;font-size:13px;white-space:nowrap;margin:0;padding:10px 12px}
  body .app>aside nav a.on:before{display:none}
  body .app>aside .who{display:none}
  body .app main{padding:20px 16px}
  body .app .top{align-items:flex-start}
  body .app .top>div:first-child{flex:1 1 100%}
  body .app .top .btn{min-height:44px;padding:10px 14px}
  body .app .sheet{width:100%;max-width:100%}
  body .app .rev{padding:18px 14px}
  body .app .donut-wrap{flex-wrap:wrap;gap:12px}
  body .app .kpis{gap:10px}
  body .app .kpi{padding:16px}
  body .app .tabs{max-width:100%;display:flex;overflow-x:auto}
  body .app .tab{flex:0 0 auto}
  body .app .rev svg{max-width:100%;height:auto}
  body .app .row{padding-left:10px;padding-right:10px;grid-template-columns:60px minmax(0,1fr) 85px}
  body .app .row>div{min-width:0;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  body .rv,body .wm,body .tag,body .areas,body .hero-cta,body .hint-sec,body .perfil,body .row{opacity:1!important;transform:none!important}
}