.account-password-dialog{width:min(420px,calc(100% - 32px));padding:28px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-surface);color:var(--color-text);box-shadow:0 24px 70px rgba(15,23,42,.24)}
.account-password-dialog::backdrop{background:rgba(15,23,42,.48);backdrop-filter:blur(8px)}
.account-password-dialog form{position:relative}
.account-password-dialog h2{margin:6px 0 8px}
.account-password-dialog label{display:block;margin-top:16px;font-size:13px;font-weight:700}
.account-password-dialog input{width:100%;height:44px;margin-top:7px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-control);font:inherit}
.account-password-dialog input:focus{outline:3px solid var(--color-focus);border-color:var(--color-primary)}
/* Antes ficava fora da caixa (offsets negativos). Com o diálogo agora
   podendo rolar internamente (overflow-y:auto em dialog{}, ver styles.css),
   qualquer coisa que ultrapasse a borda do diálogo é cortada pelo overflow
   — por isso o X passou para dentro da caixa, igual ao .dialog-close comum. */
.account-password-dialog .dialog-close{position:absolute;top:14px;right:14px}
.account-password-dialog .account-password-submit{width:100%;margin-top:10px}
.account-password-dialog .success{color:var(--color-success-text)}
/* O diálogo de assinatura precisa de mais espaço horizontal que os demais
   diálogos de conta (senha etc.), que continuam com o width padrão. */
#adminSignatureDialog{width:min(640px,calc(100% - 32px))}
.admin-signature-preview-wrap{margin:16px 0 0;text-align:center}
.admin-signature-preview-wrap label{margin-top:0;text-align:left}
.admin-signature-preview-wrap img{max-height:70px;margin-top:6px}
.admin-signature-canvas-wrap{margin-top:16px;padding:11px;border:1px solid var(--color-border);border-radius:16px;background:#f8fafc}
.admin-signature-canvas-wrap label{margin-top:0}
/* Área de desenho grande e fluida: acompanha a largura do diálogo e a
   altura da tela (clamp), em vez de um tamanho fixo em px. A resolução
   real do canvas (largura/altura em pixels) é ajustada por JavaScript
   conforme o tamanho renderizado e a densidade de pixels do monitor —
   o CSS só define o espaço visual disponível. */
#adminSignatureCanvas{display:block;width:100%;height:clamp(180px,26vh,260px);margin:7px 0;border:1px solid var(--color-border);border-radius:12px;background:#fff;touch-action:none;cursor:crosshair}
.admin-signature-canvas-wrap .text-button{border:0;background:transparent;color:var(--color-primary);font:750 12px inherit;cursor:pointer;padding:0}
/* Fase 2 — autorização de dispositivos em lote (2026-08-04). */
#deviceBulkAuthDialog{width:min(520px,calc(100% - 32px))}
#deviceBulkAuthDialog select{width:100%;height:44px;margin-top:7px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-control);font:inherit;background:#fff}
.device-bulk-employee-list{max-height:220px;overflow-y:auto;margin-top:8px;padding:8px;border:1px solid var(--color-border);border-radius:12px;display:grid;gap:4px}
.device-bulk-employee-list .toggle-field{font-size:13px;font-weight:500;padding:4px 2px}