/* 處置清單的樣式（dispo.js 產生的 .dp）。首頁與處置頁共用。 */
.dp-tabs { flex-wrap: wrap; }
.dp-tabs button { height: 28px; padding: 0 10px; font-size: 12px; }
.dp-tabs button:disabled { color: var(--faint); }
.dp-list { display: flex; flex-direction: column; margin-top: var(--sp-3); }
.dp-list .empty { padding: 12px 0; font-size: 12.5px; color: var(--dim); }
.dp { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 2px 12px; align-items: baseline; padding: 9px 0; border-top: 1px solid var(--line); color: inherit; }
.dp:first-child { border-top: 0; }
.dp:hover { color: inherit; background: var(--panel-2); margin: 0 calc(-1 * var(--sp-3)); padding-left: var(--sp-3); padding-right: var(--sp-3); border-radius: var(--r-md); }
.dp__c { font-size: 13px; color: var(--mute); }
.dp__h { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; font-size: 14px; }
.dp__h b { font-weight: 700; }
.dp__h .tag { font-size: 10.5px; padding: 1px 6px; }
.dp__x { grid-column: 2; display: flex; flex-wrap: wrap; gap: 2px 14px; font-size: 12.5px; color: var(--mute); }
.dp__tr { grid-column: 2; display: flex; flex-wrap: wrap; gap: 2px 14px; font-size: 12px; color: var(--accent-fg); font-family: var(--mono); }