/*
 * 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; }

/* API docs (/api/docs) */
.api-docs code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.85em; background: #edeeec; padding: 0.1em 0.35em; border-radius: 4px; }
.api-docs pre { background: #edeeec; }
.api-docs pre code { background: none; padding: 0; }
.api-docs table { width: auto; min-width: 60%; }
.api-docs .method { color: #fff; background: #545857; padding: 0.15rem 0.5rem; border-radius: 4px; font-size: 0.75rem; font-weight: 700; }
.api-docs .method-get { background: #2f4d4c; }
.api-docs .method-post { background: #1565c0; }
.api-docs .method-patch { background: #a87700; }
.api-docs .method-delete { background: #b3261e; }
.api-docs .perm { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; border-radius: 999px; padding: 0.1rem 0.5rem; border: 1px solid #b2b4ae; color: #545857; background: none; }
.api-docs .perm-editor { border-color: #a87700; color: #a87700; }
.api-docs .perm-admin { border-color: #2f4d4c; color: #2f4d4c; background: #dce9e8; }