/* Workbench styles layered on Pico CSS. */

.wb-header { border-bottom: 1px solid var(--pico-muted-border-color); }

.wb-queue-table { width: 100%; }
.wb-queue-table th, .wb-queue-table td { padding: 0.4rem 0.6rem; vertical-align: middle; }
.wb-queue-table tr:hover { background: var(--pico-secondary-background); }

.wb-location-header td { background: var(--pico-secondary-background); font-weight: 600; }

.wb-age { font-variant-numeric: tabular-nums; padding: 0.1rem 0.5rem; border-radius: 0.25rem; }
.wb-age-green  { background: #d4edda; color: #155724; }
.wb-age-yellow { background: #fff3cd; color: #856404; }
.wb-age-red    { background: #f8d7da; color: #721c24; }

.wb-badge { display: inline-block; padding: 0.05rem 0.4rem; border-radius: 0.25rem; font-size: 0.75rem; }
.wb-badge-due { background: #ffc107; color: #212529; }
.wb-badge-overdue { background: #dc3545; color: #fff; }

.wb-flash { padding: 0.5rem 0.75rem; margin: 0.5rem 0; border-radius: 0.25rem; }
.wb-flash-success { background: #d4edda; }
.wb-flash-error   { background: #f8d7da; }

.wb-filters { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; margin-bottom: 1rem; }
.wb-filters .wb-filters-search { flex: 1 1 16rem; }
.wb-chip { display: inline-block; padding: 0.1rem 0.6rem; border-radius: 999px;
           background: var(--pico-secondary-background); cursor: pointer; }
.wb-chip-active { background: var(--pico-primary); color: var(--pico-primary-inverse); }

.wb-timeline { display: flex; flex-direction: column; gap: 0.5rem; }
.wb-event { padding: 0.5rem 0.75rem; border-left: 3px solid var(--pico-muted-border-color); }
.wb-event-status { border-left-color: var(--pico-primary); }
.wb-event-note   { border-left-color: var(--pico-secondary); }