.credential-result{margin-bottom:22px;border:1px solid rgba(109,93,252,.25);background:linear-gradient(135deg,var(--surface,#fff),#f7f5ff)}
.credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.credential-grid>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.credential-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}
.credential-grid strong{display:block;overflow-wrap:anywhere}
.temporary-password{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--purple);font-size:15px}
.security-callout{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px;border-radius:14px;background:#eefbf4;color:#166534;border:1px solid rgba(22,163,74,.2)}
.security-callout svg{width:20px;flex:none;margin-top:1px}
.security-callout p{margin:0;font-size:12px;line-height:1.6}

/* Dark mode */
html[data-theme-mode="dark"] .credential-result{background:linear-gradient(135deg,#1e293b,#1a1836);border-color:rgba(109,93,252,.3)}
html[data-theme-mode="dark"] .credential-grid>div{background:#172033;border-color:#263145}
html[data-theme-mode="dark"] .security-callout{background:rgba(22,163,74,.08);color:#4ade80;border-color:rgba(22,163,74,.2)}

@media(max-width:760px){.credential-grid{grid-template-columns:1fr}}