/* ---------------------------------------------------------------------------
   Páginas de cadastro
   Os formulários de novo/editar saíram dos modais e passaram a ter página
   própria: cabem mais campos, o endereço é compartilhável, o botão Voltar do
   navegador funciona e nada fica preso numa caixa que rola por dentro.
   O markup do formulário é o mesmo de antes — só o entorno mudou.
   --------------------------------------------------------------------------- */

.record-form{padding:clamp(20px,3vw,30px);max-width:940px}
.record-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.record-form .form-grid>label{display:block;font-size:11px;font-weight:700;color:#52625b;min-width:0}
.record-form .form-grid>label.wide,
.record-form .form-grid>.wide{grid-column:1 / -1}

.record-form :where(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]){
    display:block;width:100%;margin-top:7px;
    border:1px solid var(--line,#dfe9e5);border-radius:10px;background:#fff;padding:11px 12px;
}
.record-form textarea{min-height:110px;resize:vertical}
.record-form input[type=file]{margin-top:7px}
.record-form label>small{display:block;color:var(--muted,#6f7e78);font-size:10px;font-weight:500;margin-top:5px}

/* Barra de ações no fim do formulário, grudada ao rolar em telas longas. */
.record-form-actions{
    display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;
    margin-top:8px;padding-top:18px;border-top:1px solid var(--line,#dfe9e5);
}
.record-form-actions .btn{min-height:42px}

.record-form .role-description{
    background:#f4f8f6;border:1px solid #e6efeb;border-radius:10px;
    padding:11px 13px;color:#5c6b64;font-size:11.5px;line-height:1.5;
}

@media(max-width:720px){
    .record-form .form-grid{grid-template-columns:1fr}
    .record-form-actions{flex-direction:column-reverse}
    .record-form-actions .btn{width:100%;justify-content:center}
}