/* Dashboard and sign-in pages. Builds on tokens.css, base.css and styles.css. */
main.narrow { max-width: 40rem; }
.badge-readonly { margin-left: var(--space-2); }
.domain { border-top: 1px solid var(--border); padding: var(--space-4) 0; }
.domain:first-of-type { border-top: 0; }
.domain-head { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-2); }
.domain-head strong { font-size: var(--text-base); }
.methods { display: grid; gap: var(--space-3); margin: var(--space-3) 0; }
.method { border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); }
.method h4 { margin: 0 0 var(--space-1); font-size: var(--text-sm); }
.method code { display: block; overflow-wrap: anywhere; user-select: all; background: var(--muted); padding: 6px 8px; border-radius: var(--radius-sm); margin-top: 4px; }
.checks { list-style: none; padding: 0; margin: var(--space-2) 0 0; font-size: var(--text-sm); }
.checks li { margin-bottom: 4px; }
.checks .ok { color: var(--success); }
.checks .bad { color: var(--muted-foreground); }
.stack { display: flex; flex-direction: column; gap: var(--space-3); max-width: 28rem; }
.row-actions { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; margin-top: var(--space-2); }
.readonly-note { margin-bottom: var(--space-5); }
[hidden] { display: none !important; }