.staffy-credentials-dialog { box-sizing: border-box; width: min(480px, calc(100vw - 28px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; border: 1px solid #e5e7eb; border-radius: 22px; background: #fff; color: #18212f; box-shadow: 0 24px 80px #10182840; font: 14px/1.5 system-ui, sans-serif; overflow: auto; }
.staffy-credentials-dialog::backdrop { background: #17212f99; }
.staffy-credentials-content { padding: 26px; }
.staffy-credentials-check { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #e4f4eb; color: #166534; font-size: 24px; font-weight: 700; }
.staffy-credentials-dialog h2 { margin: 12px 0 4px; font-size: 23px; line-height: 1.25; }
.staffy-credentials-dialog p { margin: 8px 0 14px; }
.staffy-credentials-email { padding: 12px 14px; border-radius: 10px; background: #edf8f1; color: #166534; overflow-wrap: anywhere; }
.staffy-credentials-email.staffy-credentials-warning { background: #fff7e5; color: #785114; }
.staffy-credentials-card { display: grid; gap: 14px; padding: 16px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fafbfc; }
.staffy-credentials-dialog label { display: grid; gap: 5px; color: #465364; font-size: 12px; font-weight: 600; }
.staffy-credentials-dialog a { color: #245ca7; overflow-wrap: anywhere; font-size: 14px; }
.staffy-credentials-dialog input, .staffy-credentials-dialog textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: 9px 10px; border: 1px solid #d7dce3; border-radius: 7px; background: #fff; color: #18212f; font: 16px/1.4 ui-monospace, monospace; }
.staffy-credentials-password { display: flex; gap: 8px; }
.staffy-credentials-dialog button { min-height: 44px; padding: 10px 15px; border: 1px solid #d7dce3; border-radius: 9px; background: #fff; color: #18212f; font: 600 14px/1.3 system-ui, sans-serif; cursor: pointer; }
.staffy-credentials-dialog button:focus-visible, .staffy-credentials-dialog input:focus-visible, .staffy-credentials-dialog textarea:focus-visible { outline: 3px solid #3779c5; outline-offset: 2px; }
.staffy-credentials-tip, [data-credentials-feedback] { color: #526173; font-size: 12px; }
.staffy-credentials-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.staffy-credentials-actions button { flex: 1; }
.staffy-credentials-actions [data-credentials-copy] { background: #ffb703; border-color: #e8a500; color: #251f0e; }
.staffy-credentials-dialog .staffy-credentials-done { width: 100%; margin-top: 12px; }
.staffy-credentials-dialog [hidden] { display: none !important; }
@media (max-width: 420px) { .staffy-credentials-content { padding: 20px; } }

.staffy-credentials-dialog button:disabled{cursor:wait;opacity:.6}
[data-credentials-resend]{margin-bottom:14px}