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

/* Customer surfaces (platform-identity): small, readable, no framework. */
body { font-family: system-ui, -apple-system, sans-serif; color: #1f2328; margin: 0; line-height: 1.5; }
main { max-width: 40rem; margin: 0 auto; padding: 1rem 1rem 3rem; }
.topbar { display: flex; justify-content: space-between; align-items: center; padding: .75rem 1rem; border-bottom: 1px solid #e5e7eb; }
.topbar nav { display: flex; gap: 1rem; align-items: center; }
.brand { font-weight: 700; text-decoration: none; color: inherit; }
a { color: #0b5cad; }
.flash { max-width: 40rem; margin: 1rem auto 0; padding: .5rem 1rem; border-radius: 6px; }
.flash-notice { background: #e8f5e9; }
.flash-alert { background: #fdecea; }
form.inline { display: inline; }
button, input[type=submit] { font: inherit; padding: .4rem .9rem; border-radius: 6px; border: 1px solid #0b5cad; background: #0b5cad; color: #fff; cursor: pointer; }
button.link { background: none; border: none; color: #0b5cad; padding: 0; text-decoration: underline; }
button.danger { background: #b42318; border-color: #b42318; }
input[type=text], select { font: inherit; padding: .35rem .5rem; border: 1px solid #c4c9d0; border-radius: 6px; }
table { border-collapse: collapse; width: 100%; }
td, th { text-align: left; padding: .4rem .5rem; border-bottom: 1px solid #eef0f2; vertical-align: middle; }
.muted { color: #656d76; }
.link-box { display: flex; gap: .5rem; } .link-box input { flex: 1; }