/* pages/gestao.css — Telas de recepção e administração: Agenda geral (#view-agenda), Usuários (#view-usuarios), "Reservar para" na reserva e o diálogo
   de novo usuário. Reaproveita .listbar, .tabs, .filters, .box, .tbl, .badge, .dlg e os campos do login; aqui só o que é específico. */

.gestsub{margin:0}                                           /* .sub tem margem de baixo própria; na barra da lista ela some */
.view .box .tbl td{vertical-align:middle}
.t-sub{display:block;color:var(--muted);font-size:.82rem;font-weight:500}

/* Agenda geral: rodapé de "Mostrar mais" */
.pager{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem;color:var(--muted);font-size:.86rem}

/* Reservar para (só recepção e administração) */
.forbox .forsearch{width:100%;margin-bottom:.6rem}
.forbox{margin:0 0 1.25rem}
.forbox .fsel{display:block}
.forbox select{width:100%}

/* Diálogo de novo usuário */
#userDlg{max-width:480px}
#userDlg .field{margin-bottom:1rem;text-align:left}
#userDlg .field>label:not(.fsel){display:block;font-size:.9rem;font-weight:700;margin-bottom:.4rem}
#userDlg .fsel{display:block}
#userDlg .fsel select{width:100%}
#userDlg .input .chipbtn{flex:none;white-space:nowrap}
#userDlg .dlgbtns{margin-top:1.2rem}

/* Usuários: ações por linha, diálogos de edição e de senha */
.rowacts{display:flex;gap:.5rem;flex-wrap:wrap}
.gestwho{margin:0 0 1rem;font-weight:700;color:var(--text)}
#userEditDlg,#userPwDlg{max-width:480px}
#userEditDlg .field,#userPwDlg .field{margin-bottom:1rem;text-align:left}
#userPwDlg .field>label{display:block;font-size:.9rem;font-weight:700;margin-bottom:.4rem}
#userEditDlg .fsel,#userPwDlg .fsel{display:block}
#userEditDlg .fsel select{width:100%}
#userPwDlg .input .chipbtn{flex:none;white-space:nowrap}
#userEditDlg .dlgbtns,#userPwDlg .dlgbtns{margin-top:1.2rem}

/* Auditoria */
.auditmore{display:flex;justify-content:center;margin-top:1rem}