.button { display: inline-block; text-decoration: none; }
.narrow { max-width: 760px; }
.form-grid { display: grid; gap: 1rem; }
.form-grid label { display: grid; gap: .4rem; font-weight: 600; }
.form-grid small, .panel small { color: #667085; }
.actions { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }
.detail-grid, .future-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.detail-grid div { display: grid; gap: .25rem; }
.credential-once { display: grid; gap: .5rem; padding: 1rem; border: 1px solid #d69e2e; background: #fffbeb; }
.credential-once code { font-size: 1.05rem; overflow-wrap: anywhere; user-select: all; }
.legacy-warning { margin-bottom: 1rem; padding: .9rem 1rem; border: 1px solid #d69e2e; background: #fffbeb; font-weight: 700; }
.sip-password { min-height: 1.5rem; font: 700 1.1rem ui-monospace, monospace; overflow-wrap: anywhere; }
.credential-feedback { color: #667085; min-height: 1.25rem; }
.status-online { color: #16865c; }
.status-offline { color: #be3644; }