/* Small additions on top of Pico.css */
.brand { text-decoration: none; }
form.inline { display: inline; margin: 0; }
button.compact { margin: 0; padding: 0.3rem 0.8rem; font-size: 0.9rem; }

.narrow { max-width: 28rem; margin: 2rem auto; }
.flash { padding: 0.6rem 1rem; border-radius: var(--pico-border-radius); background: #e6f4ea; color: #1e4620; }
.error { padding: 0.6rem 1rem; border-radius: var(--pico-border-radius); background: #fdecea; color: #8a1c13; }
.error-text { color: #b3261e; }
.req { color: #b3261e; }

tr.inactive td { opacity: 0.55; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.grid-cards { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); }
.grid-cards article { margin: 0; }

/* Loads list */
.toolbar { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.toolbar [role=button] { margin: 0; }
.filter { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0; }
.filter input, .filter button { margin: 0; width: auto; }
.filter input[type=search] { min-width: 16rem; }
.daynav { font-size: 0.95rem; }
table.loads td { vertical-align: top; }
.num { text-align: right; white-space: nowrap; }
.status { font-size: 0.85rem; padding: 0.1rem 0.5rem; border-radius: 1rem; white-space: nowrap; background: #eef1f4; }
.status-ready { background: #fff4d6; color: #6b4e00; }
.status-exported { background: #e3f0ff; color: #0b3d75; }
.status-submitted { background: #e6f4ea; color: #1e4620; }

/* Load form */
form[data-load-form] section { margin-bottom: 1.5rem; }
.item { padding: 1rem; margin: 0 0 1rem; }
.item-head { display: flex; justify-content: space-between; align-items: center; margin: -1rem -1rem 1rem; padding: 0.5rem 1rem; }
.item details { margin-bottom: 0; }
.checkbox-cell { display: flex; align-items: center; padding-top: 1.8rem; }
.hint { display: block; margin-top: -0.5rem; margin-bottom: 0.75rem; color: var(--pico-muted-color); }
details summary span { font-weight: normal; color: var(--pico-muted-color); }
.actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 1rem; }
.actions button { width: auto; margin: 0; }
.danger-link { color: #b3261e; margin-left: auto; }
button.danger { background: #b3261e; border-color: #b3261e; width: auto; }
[hidden] { display: none !important; }