/* Minimal app overrides; Pico CSS handles the rest. */
main.container { max-width: 80rem; padding: 1.5rem 1rem; }
nav.container-fluid { background: var(--pico-card-background-color); border-bottom: 1px solid var(--pico-muted-border-color); padding: 0.4rem 1rem; }
table { font-size: 0.92rem; }
mark { padding: 0.05rem 0.4rem; border-radius: 0.25rem; font-size: 0.85rem; }
code { font-size: 0.9rem; }
.error { background: var(--pico-color-red-50, #fee); color: var(--pico-color-red-700, #b91c1c); padding: 0.5rem 0.75rem; border-radius: 0.25rem; font-size: 0.9rem; margin: 0.5rem 0; }
fieldset { border: 1px solid var(--pico-muted-border-color); padding: 0.5rem 0.75rem; margin: 0.5rem 0; border-radius: 0.25rem; }
fieldset legend { padding: 0 0.25rem; font-size: 0.875em; color: var(--pico-muted-color); }
label.role-radio { display: block; margin: 0.15rem 0; font-weight: normal; font-size: 1rem; line-height: 1.5; cursor: pointer; }
label.role-radio input[type="radio"] { margin-right: 0.4rem; vertical-align: middle; }
button.role-submit { width: auto; margin-top: 0.5rem; }
.form-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.75rem; }
.form-actions > button, .form-actions > [role="button"] { width: auto; margin: 0; }