/* GUIA DE LEITURA: apresentação de auth-admin.
 * Os seletores definem onde aplicar cada regra; a ordem na cascata e as consultas @media afetam o resultado visual.
 * Visão geral: docs/permanente/GUIA_DO_CODIGO.md.
 */
.auth-page{min-height:100vh;display:grid;place-items:center;background:#eef2ef;padding:24px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid #d7dfda;border-radius:18px;padding:32px;box-shadow:0 20px 60px #14251c18;display:grid;gap:16px}.auth-card.wide{width:min(560px,100%)}.auth-card h1{margin:0}.auth-card label,.narrow-form label{display:grid;gap:7px;font-weight:650}.auth-card input,.narrow-form input{padding:12px;border:1px solid #bdc9c2;border-radius:8px}.narrow-form{max-width:560px;display:grid;gap:16px}.user-menu{margin-left:auto}.user-menu summary{cursor:pointer;color:#fff}.permission-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.permission-group{border:1px solid #d9e1dc;border-radius:10px;padding:14px}.permission-group label{display:block;margin:8px 0}.status-inativo{color:#9e2e2e}.status-ativo{color:#217046}.import-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.import-summary div{padding:14px;background:#f2f5f3;border-radius:9px}.autocomplete-results{max-height:240px;overflow:auto;border:1px solid #ccd5d0;border-radius:8px}.autocomplete-results:empty{display:none}.autocomplete-results button{display:block;width:100%;text-align:left;padding:12px;border:0;border-bottom:1px solid #e5eae7;background:#fff;color:#163f5a;font-weight:650;cursor:pointer}.autocomplete-results button:last-child{border-bottom:0}.autocomplete-results button:hover,.autocomplete-results button:focus{background:#eef4f0;outline:2px solid #1473a7;outline-offset:-2px}.autocomplete-empty{margin:0;padding:12px;color:#5f6f78}.checkbox-label{grid-template-columns:auto 1fr!important;align-items:center}.checkbox-label input{width:18px;height:18px;padding:0}
.autocomplete-results button small,.table-note{display:block;margin-top:4px;color:#5f6f78;font-size:.82rem;font-weight:500}.field-help{display:block;color:#5f6f78;font-weight:500}

/* Finalidade: evita cartões esticados e mantém rótulos e controles legíveis no celular. */
.permission-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start}
.permission-group label{display:flex;align-items:flex-start;gap:10px;line-height:1.5;overflow-wrap:anywhere}
.permission-group input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin-top:3px}
.permission-group h2{font-size:1.1rem}
