/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* The console's forms — #36. Enough for a checklist to read as one: a field
   per line, its hint beneath it, and an error beside the field it names. */
.console-form .console-field { margin: 0.75rem 0; }
.console-form label { display: block; font-weight: 600; }
.console-form .console-checkbox label { display: inline; }
.console-form input[type="text"], .console-form textarea, .console-form select { min-width: 24rem; max-width: 100%; }
.console-hint, .console-note { color: #555; font-size: 0.9em; margin: 0.25rem 0; }
.console-error, .console-errors { color: #a00; }
.console-unattributable, .console-silent { font-weight: 600; }
.console-token-issued { border: 2px solid #333; padding: 0.75rem 1rem; margin: 1rem 0; }
.console-token-issued code { user-select: all; overflow-wrap: anywhere; }
.console-token-revoked { color: #777; }
.console-checklist dl { margin: 0.5rem 0 1.5rem; }
.console-checklist dt { font-weight: 600; margin-top: 0.5rem; }