/* UI styling for the web app (not the PDF). */
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #222; margin: 0; }
a { color: #25c; }
.topbar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.7em 1.2em; background: #f4f4f4; border-bottom: 1px solid #ddd;
}
.topbar .brand a { font-weight: 600; color: #222; text-decoration: none; }
.topbar nav a, .topbar nav .who { margin-left: 1em; }
.topbar nav .who { color: #888; font-size: 0.9em; }
.container { max-width: 52em; margin: 2em auto; padding: 0 1.2em; }
h1 { font-weight: 500; }
.muted { color: #888; }
.error { color: #b00; }
.flash { background: #eef; padding: 0.6em 1em; border-radius: 4px; list-style: none; }
button, a.button {
    background: #25c; color: white; padding: 0.6em 1.2em;
    border: none; border-radius: 4px; font-size: 1em; cursor: pointer;
    text-decoration: none; display: inline-block;
}
a.button:hover, button:hover { background: #138; }
.form-narrow { max-width: 24em; }
.form-narrow label, .form-stack label {
    display: block; margin-bottom: 1em;
}
.form-narrow input, .form-stack input, .form-stack select, .form-stack textarea {
    display: block; width: 100%; padding: 0.5em; font-size: 1em; margin-top: 0.3em;
}
.form-stack textarea { min-height: 6em; font-family: inherit; }
.form-stack .manage { font-size: 0.85em; margin-left: 0.5em; }
.actions { margin: 1.5em 0; }
.actions .button { margin-right: 0.7em; }
table.list { width: 100%; border-collapse: collapse; }
table.list th, table.list td { padding: 0.5em 0.7em; border-bottom: 1px solid #eee; text-align: left; }
table.list th { background: #f7f7f7; font-weight: 600; }
.row-actions form { display: inline; }
.row-actions button.danger { background: #c33; }