.q-page { max-width:1600px; margin:auto; }
.q-toolbar { display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px; }
.q-toolbar label { display:grid; gap:6px; font-size:12px; font-weight:650; min-width:140px; flex:1; }
.q-toolbar select { width:100%; min-height:40px; }
.q-toolbar button { min-height:40px; }
.q-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:20px 0; }
.q-card h3 { margin:0 0 16px; font-size:15px; }
.q-total { font-size:32px; font-weight:750; line-height:1.15; }
.q-total span { display:block; margin:5px 0 17px; font-size:12px; font-weight:500; color:var(--mut); }
.q-counts { display:grid; gap:8px; margin:0 0 20px; font-size:13px; }
.q-counts div,.q-age { display:flex; justify-content:space-between; gap:10px; }
.q-counts dt { color:var(--mut); }
.q-counts dd { margin:0; font-weight:650; }
.q-age { font-size:12px; }
.q-worker { font-size:12px; border-top:1px solid var(--border,rgba(128,128,128,.3)); padding-top:12px; margin-top:15px; }
.q-warning { color:var(--ink); background:rgba(190,131,36,.15); border-left:3px solid #ba842b; padding:10px 12px; font-size:13px; }
.q-footnote { color:var(--mut); font-size:12px; line-height:1.6; }
.q-scroll { overflow-x:auto; }
.q-scroll table { width:100%; min-width:840px; }
.q-scroll th { text-align:left; }
.q-scroll td { vertical-align:top; }
.q-scroll td small { display:block; color:var(--mut); margin-top:5px; }
.q-state { display:inline-block; padding:4px 8px; border-radius:6px; font-size:12px; background:rgba(128,128,128,.12); white-space:nowrap; }
.q-blocked,.q-retrying { background:rgba(190,131,36,.17); }
.q-processing { background:rgba(51,132,210,.16); }
.q-nowrap { white-space:nowrap; }
.q-empty { padding:24px; color:var(--mut); line-height:1.6; }
.q-page :focus-visible { outline:2px solid var(--accent-solid,#b83252); outline-offset:3px; }
@media(max-width:1100px) { .q-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px) { .q-grid { grid-template-columns:1fr; } .q-toolbar label { min-width:100%; } .q-toolbar button { flex:1; } }