body{background:#f4f6f9;font-family:system-ui,"Segoe UI",sans-serif}
.lateral{width:230px;min-height:100vh;background:#15181d;color:#c9d1db;display:flex;flex-direction:column;padding:16px 0;position:sticky;top:0}
.lateral .marca{font-size:18px;font-weight:700;color:#eef1f5;padding:4px 20px 18px}.lateral .marca b{display:block;color:#2f7ad4;font-size:12.5px;letter-spacing:.16em;margin-top:2px}
.lateral a{color:#c9d1db;text-decoration:none;padding:9px 20px;display:block}
.lateral a:hover{background:#1f252d;color:#fff}.lateral a.ativo{background:#2f7ad4;color:#fff}
.lateral .rodape-menu{margin-top:auto;padding:16px 20px;font-size:13px;color:#8a96a8}.lateral .rodape-menu a{padding:0;display:inline;color:#9fc3ef}
.card-num{font-size:30px;font-weight:700}
table.table td,table.table th{vertical-align:middle;font-size:14px}
.mono{font-family:ui-monospace,"DejaVu Sans Mono",monospace;font-size:12.5px}
.login{max-width:380px;margin:10vh auto}
pre.manifesto{max-height:320px;overflow:auto;background:#0f1215;color:#c9d1db;padding:12px;border-radius:8px;font-size:12px}
.rodape-menu .versao{margin-top:8px;font:500 11px/1 "IBM Plex Mono",ui-monospace,monospace;color:#7d8794;letter-spacing:.04em}
.lateral{overflow-y:auto;max-height:100vh}
.grelha-planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(540px,1fr));gap:1rem}
/* menu lateral com largura fixa: o conteúdo largo desliza dentro da zona principal e nunca encolhe o menu */
.lateral{flex:0 0 230px;width:230px}
main.flex-grow-1{min-width:0;overflow-x:auto}
main.flex-grow-1 pre,main.flex-grow-1 textarea{max-width:100%}