/*
 * 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.
 */

body { font-family: system-ui, sans-serif; margin: 0; color: #222; }
main { max-width: 960px; margin: 2rem auto; padding: 0 1rem; }
.site-header { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1.5rem; background: #1f3a5f; color: #fff; }
.site-header a, .site-header span { color: #fff; margin-left: 1rem; }
.site-header .brand { font-weight: bold; font-size: 1.25rem; margin-left: 0; text-decoration: none; }
.site-header nav { display: flex; align-items: center; }
form.inline { display: inline; margin-left: 1rem; }
.field { margin-bottom: 0.75rem; }
.field label { display: block; font-weight: 600; margin-bottom: 0.25rem; }
.field input { padding: 0.4rem; width: 100%; max-width: 360px; }
fieldset { margin-bottom: 1rem; border: 1px solid #ccc; }
.flash { padding: 0.75rem; margin-bottom: 1rem; border-radius: 4px; }
.flash.alert, .errors { background: #fde8e8; color: #9b1c1c; padding: 0.75rem; }
.flash.notice { background: #e6f4ea; color: #1e6b34; }
.pending-message { font-size: 1.25rem; font-weight: 600; }
.admin-table { border-collapse: collapse; width: 100%; }
.admin-table th, .admin-table td { border-bottom: 1px solid #ddd; padding: 0.5rem; text-align: left; }