/*
 * 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 { padding: 1rem 2rem; }
.topnav { background: #1a2a44; padding: 0.6rem 2rem; }
.topnav a { color: #fff; margin-right: 1.5rem; text-decoration: none; font-weight: 600; }
.flash { background: #e6f4e6; border: 1px solid #9c9; padding: 0.5rem 2rem; margin: 0; }
table { border-collapse: collapse; width: 100%; font-size: 0.9rem; }
th, td { border: 1px solid #ddd; padding: 0.4rem 0.6rem; text-align: left; vertical-align: top; }
th { background: #f4f6f8; }
tbody tr:nth-child(even) { background: #fafbfc; }
dl { margin: 0.3rem 0 0; }
dt { float: left; clear: left; width: 5.5rem; font-weight: 600; color: #667; }
dd { margin-left: 6rem; }
.muted { color: #889; font-weight: normal; }
.score { font-weight: 700; font-size: 1.05rem; }
.actions form { display: inline-block; margin: 0 0.2rem 0.2rem 0; }
button { padding: 0.35rem 0.7rem; border-radius: 4px; border: 1px solid #bbb; cursor: pointer; }
button.accept { background: #2e7d32; color: #fff; border-color: #2e7d32; }
button.reject { background: #fff; color: #b3261e; border-color: #b3261e; }
.pager a { margin-right: 1rem; }
.search { margin-bottom: 0.8rem; }
.search input[type="text"] { padding: 0.35rem; width: 20rem; }
pre { background: #f6f8fa; padding: 0.8rem; overflow-x: auto; font-size: 0.8rem; }