:root { --pico-font-size: 95%; }
.narrow { max-width: 32rem; margin-top: 4rem; }
.brand { text-decoration: none; }
.inline { margin: 0; }
button.small, a.small, .small[role="button"] { padding: 0.25rem 0.6rem; font-size: 0.8rem; margin: 0; width: auto; }
.muted { color: var(--pico-muted-color); }
.error { color: var(--pico-del-color); }
.ok { color: var(--pico-ins-color); }
.warning { color: #b26a00; }
.status { padding: 0.1rem 0.5rem; border-radius: 0.5rem; font-size: 0.8rem; background: var(--pico-muted-border-color); }
.status-active { background: #d8f5d0; color: #1d5e12; }
.status-needs_reauth { background: #ffe1cc; color: #8a3b00; }
.status-pending_auth { background: #eee8c6; color: #5f5300; }
.status-disabled { background: #e6e6e6; color: #555; }
.key-cell { display: inline-flex; gap: 0.5rem; align-items: center; }
.key-value { user-select: all; word-break: break-all; }
.created-key { border: 1px solid var(--pico-ins-color); padding: 0.75rem 1rem; border-radius: var(--pico-border-radius); margin-bottom: 1rem; }
td.actions { white-space: nowrap; }
table.compact td, table.compact th { padding: 0.35rem 0.5rem; font-size: 0.85rem; }