.credential-dialog { color: var(--text); background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 24px; width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); overflow: auto; }
.credential-dialog::backdrop { background: rgb(0 0 0 / 45%); }
.credential-dialog h2 { margin-top: 0; font-size: 22px; }
.credential-dialog p { line-height: 1.5; }
.credential-dialog .btn { min-height: 44px; margin: 8px 8px 8px 0; }
.credential-dialog input, .credential-dialog select { width: 100%; min-height: 48px; padding: 12px; color: var(--text); background: var(--panel-soft); border: 1px solid var(--line-strong); border-radius: 8px; font: inherit; }
.credential-field { display: grid; gap: 8px; margin: 16px 0; }
.credential-row { padding: 16px 0; border-bottom: 1px solid var(--line); }
.credential-row strong { display: block; overflow-wrap: anywhere; }
.credential-dialog img { display: block; max-width: 100%; height: auto; }