
/* Menu compacto, rótulos no foco/hover e movimento acessível. */
.topbar-brand{margin-right:auto;color:var(--muted);font-size:12px;letter-spacing:.04em}
.home-empty{padding:38px 15px;color:var(--muted);text-align:center}
.care-illustration{width:270px;height:145px;flex-shrink:0}
.page{animation:lumi-enter .55s cubic-bezier(.2,.8,.2,1) both}
.card{transition:box-shadow .24s ease,transform .24s ease}
button.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #76749a1c}
.btn,.iconbtn{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.btn:hover,.iconbtn:hover{transform:translateY(-2px)}
.home-lumiar{position:fixed;bottom:24px;right:28px;z-index:15;display:flex;align-items:center;gap:10px;padding:10px 18px 10px 9px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 12px 38px #61557d22;animation:lumi-enter .65s .2s both}
.home-lumiar svg{width:49px;height:49px}.home-lumiar span{text-align:left;font-weight:600}.home-lumiar small{display:block;color:var(--muted);font-weight:400;margin-top:3px}
@keyframes lumi-enter{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}
@media(min-width:951px){.shell .sidebar{width:76px;min-width:76px;padding:14px 8px;overflow:visible;gap:4px}.sidebar .brand{justify-content:center;padding:8px 0 18px}.sidebar .brand>div{display:none}.sidebar .nav{gap:3px}.sidebar .nav-item{position:relative;justify-content:center;padding:10px;width:44px;height:40px;margin-left:auto;margin-right:auto;border-radius:14px}.sidebar .nav-item.bottom{padding:10px;border-top:0}.nav-label{position:absolute;left:54px;top:50%;transform:translate(5px,-50%);border:1px solid var(--line);background:var(--surface);box-shadow:0 8px 24px #3e355d18;padding:10px 14px;border-radius:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s;z-index:50}.nav-item:hover .nav-label,.nav-item:focus-visible .nav-label{opacity:1;visibility:visible;transform:translate(0,-50%)}.sidebar{z-index:30}}
@media(min-width:951px) and (max-height:690px){.shell .sidebar{padding-top:5px;padding-bottom:5px}.sidebar .brand{padding-bottom:8px}.sidebar .nav-item{height:32px;padding:6px}.sidebar .nav{gap:1px}}
@media(max-width:650px){.care-illustration{width:140px;height:110px}.welcome{padding:22px;gap:8px}.welcome h2{font-size:24px}.home-lumiar{right:15px;bottom:15px}.home-lumiar span{display:none}}
@media(prefers-reduced-motion:reduce){.page,.home-lumiar{animation:none}button.card:hover,.btn:hover,.iconbtn:hover{transform:none}}
