/* phpChain - Custom Overrides (Bootstrap 5 edition) */

/* ------- Page background ------- */
body { background: #f0f4f8 url('img/bg-key.svg') no-repeat bottom right fixed; background-size: 72%; }

/* ------- Password masking (functional, not cosmetic) ------- */
td.passwordodd  { background-color: #ffffff !important; color: #ffffff !important; }
td.passwordeven { background-color: #f8fafc !important; color: #f8fafc !important; }
td.passwordshow { background-color: #ffffff !important; color: #0f172a !important; }

/* ------- Password copy button ------- */
.pw-cell { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.pw-text { flex: 1; }
.pw-copy-btn { flex-shrink: 0; background: none; border: 1px solid #cbd5e1; border-radius: 4px; padding: 2px 5px; cursor: pointer; color: #64748b; line-height: 1; transition: background .15s, color .15s, border-color .15s; }
.pw-copy-btn:hover { background: #2563eb; border-color: #2563eb; color: #fff; }
.pw-copy-btn--copied { background: #16a34a; border-color: #16a34a; color: #fff; }

/* ------- Utility ------- */
.clear { clear: both; height: 1px; overflow: hidden; margin: 0; padding: 0; }
.plain, .plain a { font-size: 12px; border: 0; }
.plain a { text-decoration: underline; }

/* ------- Dev tools ------- */
#output textarea, iframe { width: 90%; border: none; padding: 2px; font-family: monospace; color: #e2e8f0; background: #0f172a; }

/* ------- GPL page ------- */
#gpl { text-align: left; font-family: monospace; font-size: 12px; }