*{box-sizing:border-box}
:root{--ink:#18323a;--muted:#61747a;--line:#d9e3e3;--surface:#fff;--page:#f2f6f4;--brand:#16736d;--brand-dark:#0f5753;--accent:#d97745;--danger:#b42318;--success:#18794e}
html{background:var(--page)}
body{width:min(100% - 32px,560px);min-height:100vh;margin:0 auto;padding:22px 0 36px;color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.5}
a{color:var(--brand-dark)}
h1{font-size:clamp(24px,7vw,32px);line-height:1.15;margin:0 0 18px}
h2{font-size:19px;line-height:1.25;margin:24px 0 10px}
p{margin:10px 0}
.app-nav{display:flex;gap:6px;align-items:center;overflow-x:auto;margin:0 -2px 26px;padding:4px 0 10px;border-bottom:1px solid var(--line);white-space:nowrap;font-family:Arial,sans-serif}
.app-nav a{padding:8px 10px;color:var(--muted);text-decoration:none;font-size:13px;border-radius:5px}
.app-nav a.ativo{background:var(--brand);color:#fff;font-weight:bold}
.app-nav a.sair{margin-left:auto;color:var(--danger)}
input,select,textarea,button{font:inherit;min-height:44px}
input,select,textarea{width:100%;padding:9px 10px;margin-top:5px;border:1px solid #bdcdcd;border-radius:5px;background:var(--surface);font-family:Arial,sans-serif;font-size:16px}
textarea{resize:vertical}
label{display:block;margin-top:14px;font-family:Arial,sans-serif;font-size:14px;font-weight:bold}
button,.btn{display:inline-block;border:0;border-radius:5px;background:var(--brand);color:#fff;text-decoration:none;font-family:Arial,sans-serif;font-weight:bold;cursor:pointer}
button{width:100%;margin-top:18px;padding:11px 14px}
button:hover,.btn:hover{background:var(--brand-dark)}
.card{border:1px solid var(--line);border-radius:7px;padding:15px;margin-top:14px;background:var(--surface);box-shadow:0 2px 9px rgba(24,50,58,.06)}
.bairro{font-weight:bold;font-size:17px;color:var(--brand-dark)}
.det{color:var(--muted);font-family:Arial,sans-serif;font-size:14px;margin:4px 0}
.erro{color:var(--danger);font-family:Arial,sans-serif}
.ok{color:var(--success);font-family:Arial,sans-serif;font-weight:bold}
small{color:var(--muted)}
.painel-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.painel-links .btn{min-height:76px;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center}
.badge{background:var(--accent);color:#fff;border-radius:10px;padding:1px 8px;font:12px Arial,sans-serif;margin-left:5px}
.acoes{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.acoes a,.acoes button{width:auto;margin-top:0;padding:7px 12px;font:13px Arial,sans-serif}
.editar{background:#e8eeee;color:var(--ink)}
.excluir{background:var(--danger)}
@media (max-width:480px){
    body{width:100%;padding:16px 14px 30px}
    .app-nav{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
    .card{padding:13px}
    .telefone{overflow-wrap:anywhere}
}