/* Approvals queue (live-query holds). Builds on style.css variables. */
.hold-item { border: 1px solid var(--border); border-radius: 4px; padding: 16px; margin-bottom: 14px; background: var(--paper); }
.hold-item:last-child { margin-bottom: 0; }
.hold-item.pending { border-color: #dcc58f; background: #fbf7ec; }
.hold-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.hold-head .muted { font-size: 12px; }
.hold-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px 18px; margin: 10px 0 2px; font-size: 13px; }
.hold-meta b { display: block; color: var(--muted); font-weight: 500; font-size: 12px; }
.hold-meta .warn { color: var(--yellow); }
.codeblock.sql { color: var(--fg); max-height: 220px; overflow-y: auto; white-space: pre-wrap; }
.hold-actions { margin-top: 12px; align-items: center; flex-wrap: wrap; }
.hold-actions input { width: auto; flex: 1; min-width: 180px; padding: 10px 12px; }
button.deny { background: transparent; color: var(--red); border: 1px solid var(--red); box-shadow: none; }
button.deny:hover { background: var(--red-soft); color: var(--red); border-color: var(--red); box-shadow: none; }
.pill.pending { background: var(--amber-soft); color: var(--yellow); border-color: #e6d3a8; }
.pill.muted { background: var(--panel-2); color: var(--muted); border-color: var(--rule); }
.countdown { font-family: var(--mono); font-size: 12px; color: var(--yellow); }
.hold-filter { display: flex; gap: 8px; margin: 4px 0 14px; flex-wrap: wrap; }
.hold-filter button { padding: 6px 14px; font-size: 12.5px; background: transparent; color: var(--muted); border: 1px solid var(--rule); }
.hold-filter button:hover { color: var(--ink); border-color: var(--muted); background: transparent; }
.hold-filter button.on { background: var(--green-soft); border-color: var(--accent); color: var(--accent); }
.audit { margin-top: 10px; font-size: 12px; }
.audit div { font-family: var(--mono); color: var(--muted); padding: 2px 0; }