/* Small additions on top of Pico CSS. */
:root { --pico-font-size: 95%; }
nav.top { border-bottom: 1px solid var(--pico-muted-border-color); margin-bottom: 1rem; }
nav.top ul:first-child li strong { white-space: nowrap; }
.status { display: inline-block; padding: .05rem .5rem; border-radius: .75rem; font-size: .8rem; font-weight: 600; }
.status-DRAFT { background: #e5e7eb; color: #111827; }
.status-ISSUED { background: #dbeafe; color: #1e3a8a; }
.status-CLEARED { background: #dcfce7; color: #14532d; }
.status-BOUNCED { background: #fee2e2; color: #7f1d1d; }
.status-CANCELLED { background: #f3f4f6; color: #4b5563; text-decoration: line-through; }
.status-STALE { background: #fef3c7; color: #78350f; }
.status-SPOILED { background: #fce7f3; color: #831843; }
.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.notice { border-left: 4px solid #f59e0b; padding: .75rem 1rem; background: rgba(245, 158, 11, .08); margin-bottom: 1rem; }
.messages .error { border-left-color: #dc2626; background: rgba(220, 38, 38, .08); }
.messages .success { border-left-color: #16a34a; background: rgba(22, 163, 74, .08); }
.grid-fields { display: grid; grid-template-columns: 2fr repeat(4, 1fr); gap: .5rem; align-items: center; }
.grid-fields input { margin-bottom: 0; }
.muted { color: var(--pico-muted-color); }
.inline-form { display: inline; }
.inline-form button { padding: .25rem .6rem; font-size: .85rem; width: auto; margin: 0; }
table.compact td, table.compact th { padding: .35rem .5rem; font-size: .9rem; }
.autocomplete { position: relative; }
.autocomplete ul { position: absolute; z-index: 10; left: 0; right: 0; top: 100%; margin: 0; padding: 0; list-style: none;
  background: var(--pico-background-color); border: 1px solid var(--pico-muted-border-color); max-height: 16rem; overflow-y: auto; }
.autocomplete li { padding: .4rem .75rem; cursor: pointer; list-style: none; }
.autocomplete li:hover, .autocomplete li.active { background: var(--pico-primary-focus); }
.filters { display: flex; flex-wrap: wrap; gap: .5rem; align-items: end; }
.filters label { flex: 1 1 10rem; margin: 0; }
.filters button, .filters a[role=button] { width: auto; margin-bottom: var(--pico-spacing); }
@media print { nav, footer, .no-print { display: none; } }