/* Rótulos permanentes e orientações também visíveis em telas de toque.
   Não é mais exclusivo da administração — os mesmos estilos valem para
   qualquer formulário/seção do Hub que use estas classes. */
.admin-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.admin-field>label{font-weight:600;color:var(--ink);font-size:.9rem}
.admin-field>input,.admin-field>select,.admin-field>textarea{width:100%;min-width:0;margin:0}
.admin-field-help{display:block;color:var(--ink-soft);font-size:.8rem;line-height:1.5;letter-spacing:normal;text-transform:none}
#admin-body .toolbar:has(.admin-field){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;margin-block:22px}
#admin-body .toolbar:has(.admin-field)>.btn{grid-column:1/-1;justify-self:start}
.form:has(.admin-field){gap:20px}
.admin-section-help{padding:16px;border:1px solid var(--rule);border-radius:10px;color:var(--ink-soft);line-height:1.6;background:var(--accent-wash);font-size:.85rem;margin-bottom:14px}
@media(max-width:760px){#admin-body .toolbar:has(.admin-field){grid-template-columns:1fr}}