/* Navegação por telas: uma área visível por vez (ver navegacao.js). */
.app-shell.single-view > section.section-card{display:none}
.app-shell.single-view > section.section-card.view-active:not([hidden]){display:block;margin-top:0;animation:view-in .22s ease-out}
.app-shell.single-view > section.section-card.two-columns.view-active:not([hidden]){display:grid}
@keyframes view-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.app-shell.single-view > section.section-card.view-active{animation:none}}

/* Resumo e atalhos só na Visão geral; áreas de conta (assinatura, equipe, manutenção) sem seletor de contexto. */
body:not([data-view="visao"]) .app-shell.single-view > section.summary,
body:not([data-view="visao"]) .view-shortcuts{display:none}
body[data-view="assinatura"] .app-shell > section.context-row,
body[data-view="equipe"] .app-shell > section.context-row,
body[data-view="manutencao"] .app-shell > section.context-row{display:none}
body:not([data-view="visao"]) .app-shell > .hero{margin-bottom:14px}
body:not([data-view="visao"]) .app-shell > .hero h1{font-size:1.35rem}
body:not([data-view="visao"]) .app-shell > .hero > div > p:not(.eyebrow){display:none}
body:not([data-view="visao"]) .app-shell > section.notice{padding:8px 14px;font-size:.86rem}

/* Menu: item atual destacado. */
.sidebar nav a{position:relative;transition:background .15s,color .15s}
.sidebar nav a.active{background:rgba(255,255,255,.14);color:#fff;font-weight:600}
.sidebar nav a.active::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:#e0b04a}
.sidebar nav a:focus-visible{outline:2px solid #e0b04a;outline-offset:1px}

/* Atalhos da Visão geral. */
.view-shortcuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:6px 0 18px}
.view-shortcut{display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);color:var(--text);text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}
.view-shortcut strong{font-size:1rem;display:flex;justify-content:space-between;align-items:center;gap:8px}
.view-shortcut strong::after{content:"→";color:var(--green2);transition:transform .15s}
.view-shortcut span{color:var(--muted);font-size:.86rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.view-shortcut:hover,.view-shortcut:focus-visible{transform:translateY(-2px);border-color:#b9d6cf;box-shadow:0 16px 36px rgba(26,58,52,.13);outline:none}
.view-shortcut:hover strong::after{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.view-shortcut,.view-shortcut strong::after{transition:none}}

/* Convite pelo WhatsApp. */
.team-share-note{color:var(--muted);font-size:.86rem;margin:10px 0 0}
.whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;background:#128c4b;color:#fff;font-weight:600;text-decoration:none}
.whatsapp-btn:hover,.whatsapp-btn:focus-visible{background:#0e7a40}