#db-panel{display:none!important}.profile-identity{display:flex;align-items:center;gap:16px;margin:0 8px 24px;padding-top:8px}.profile-identity>div{min-width:0}.profile-identity b{display:block;font-size:14px;line-height:1.5}.profile-identity #profile-company{display:block;margin-top:8px;color:var(--muted);font-size:12px}.profile-photo{display:grid;place-items:center;width:56px;height:56px;min-width:56px;padding:0;overflow:hidden;border-radius:50%;background:var(--accent-container);color:var(--on-accent);font-weight:650;font-size:18px}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo:focus-visible{outline:3px solid var(--p);outline-offset:3px}.profile{flex-direction:column;align-items:stretch;gap:8px;padding:16px 8px 0}.profile>a{display:block;color:var(--muted);font-size:10px}.profile #db-signout{width:100%;min-height:40px;font-size:13px;border-radius:24px;background:var(--accent-container);color:var(--on-accent);margin:8px 0 0}.brand{padding-bottom:16px}.profile-identity .profile-photo:disabled{cursor:default;opacity:1}@media(max-width:760px){.profile-identity{margin:16px 0}.profile{display:flex!important}}
.profile-name{display:block;margin:0;padding:0;text-align:left;font-size:14px;line-height:1.5;font-weight:650;color:var(--ink);overflow-wrap:anywhere}.profile-name:hover{text-decoration:underline}.profile-dialog{width:min(480px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:24px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:24px}.profile-dialog::backdrop{background:#08060e99}.profile-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.profile-dialog h2{font-size:20px}.profile-dialog label{display:block;margin:16px 0 8px;font-size:13px}.profile-dialog input{width:100%;min-height:48px;padding:8px 16px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.profile-dialog input[readonly]{color:var(--muted)}.profile-dialog .note{margin-top:8px}.profile-dialog .primary{font-size:14px;min-height:40px}.profile-dialog .decision-button{font-size:13px}.profile-photo-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}.profile-large-photo{display:grid;place-items:center;flex:none;overflow:hidden;width:96px;height:96px;border-radius:50%;padding:0;background:var(--accent-container);color:var(--on-accent);font-size:24px;font-weight:650}.profile-large-photo img{width:100%;height:100%;object-fit:cover}.profile-security{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.profile-security h3{margin:0 0 16px;font-size:16px}#profile-photo-dialog>.profile-large-photo{margin:0 auto 24px}#profile-photo-dialog>.primary{margin-top:24px;width:100%}#profile-feedback,#profile-password-feedback{margin-top:16px;font-size:13px;line-height:1.6}

/* Celular: topo compacto (logo, avatar e sair numa linha; menu logo abaixo). */
@media(max-width:760px){
html body aside{display:grid;grid-template-columns:1fr auto auto;align-items:center;column-gap:8px;row-gap:8px;padding:8px 16px}
html body aside .brand{grid-column:1;padding:0;flex-direction:row;align-items:center}
html body aside .brand small,html body aside .navlabel{display:none}
html body aside .brand-logo{width:128px;height:48px}
html body aside .profile-identity{grid-column:2;margin:0;padding:0;gap:0}
html body aside .profile-identity>div{display:none}
html body aside .profile{grid-column:3;margin:0;padding:0;border:0;flex-direction:row}
html body aside .profile #db-signout{width:auto;min-height:40px;margin:0;padding:8px 16px;font-size:12px}
html body aside nav{grid-column:1/-1}
html body main .welcome{flex-direction:column;align-items:stretch;gap:16px}
html body main .welcome>.primary{width:100%;min-height:48px}
}
@media(max-width:480px){
html body main .stats{grid-template-columns:1fr;gap:8px}
}
@media(max-width:760px){
html body aside .brand,html body aside .profile-identity,html body aside .profile{grid-row:1}
html body aside nav{grid-row:2}
html body aside .profile #db-signout{white-space:nowrap}
}

/* Antes do login: só a marca. Menu e perfil aparecem depois de entrar. */
body:has(#db-gate) aside nav,body:has(#db-gate) aside .navlabel,body:has(#db-gate) aside .profile-identity,body:has(#db-gate) aside .profile,body:has(#db-gate) aside .profile-identity+*{display:none!important}