/* Base responsiva compartilhada */
*{box-sizing:border-box}
html{background:#f4f7fb}
body{width:min(100% - 32px, 520px);min-height:100vh;margin:0 auto;padding:20px 0 32px;color:#17212b;line-height:1.45}
body>p:first-child{margin:0 0 18px}
a{color:#075985}
.app-nav{display:flex;gap:6px;align-items:center;overflow-x:auto;margin-bottom:22px;padding:4px 0;border-bottom:1px solid #d8e0e8;white-space:nowrap}
.app-nav a{padding:9px 10px;color:#486273;text-decoration:none;font-size:14px;border-radius:5px}
.app-nav a.ativo{background:#075985;color:#fff;font-weight:bold}
.app-nav a.sair{margin-left:auto;color:#b42318}
input,select,textarea,button{min-height:44px}
button{cursor:pointer}
.painel-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.painel-links .btn{margin-top:0!important;min-height:72px;display:flex!important;align-items:center;justify-content:center;padding:12px!important}

@media (max-width:480px){
    body{width:100%;padding:16px 14px 28px}
    h1{font-size:23px;margin:0 0 16px}
    h2{margin-bottom:8px}
    .card{border-color:#d8e0e8;background:#fff;box-shadow:0 2px 8px rgba(23,33,43,.06)}
    .top{align-items:flex-start}
    .top>div{min-width:0}
    .telefone{overflow-wrap:anywhere}
    button{min-height:46px}
    .painel-links{grid-template-columns:1fr 1fr}
    .app-nav{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
}

@media (min-width:481px){
    body{background:#fff;padding-left:18px;padding-right:18px}
}