.recording-backlog{margin:14px 0 22px;border:1px solid var(--aqua);background:#f4fffd}
.recording-backlog h2{font-size:1.35rem;line-height:1.25;margin:4px 0 8px}
.recording-backlog p{margin:0 0 12px}
.recording-backlog .row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.backlog-actions{padding:12px 0;margin:10px 0 16px!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.backlog-actions button{min-height:46px}
.backlog-actions button:disabled{opacity:.5;cursor:not-allowed}
.backlog-list{display:grid;gap:12px;max-height:55vh;overflow:auto;padding:4px;margin:14px 0}
.backlog-item{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}
.backlog-choice{display:flex;align-items:center;gap:10px}
.backlog-choice input{width:20px;height:20px;flex:none}
.backlog-item small{font-size:.875rem;color:var(--muted)}
.backlog-item audio{width:100%;max-width:420px}
.backlog-status{color:var(--muted);font-size:.875rem}
.recording-state{display:inline-flex;align-items:center;border-radius:99px;padding:4px 10px;font-size:14px;font-weight:800;width:max-content}
.recording-state.pending{background:#fff0ee;color:#9f302b}
.recording-state.complete{background:#def5ed;color:#12654b}
.recording-result{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.recording-error{color:#9f302b!important;line-height:1.5}
.processed-list{border-top:1px solid var(--line);padding-top:18px;margin-top:22px;display:grid;gap:12px}
.processed-list h3{font-size:19px;margin:0}
.processed-list .backlog-item{display:grid;gap:10px}
.processed-list button{justify-self:start}
.nav button.needs-attention::after{content:"";width:9px;height:9px;border-radius:50%;background:#c93236;margin-left:auto;flex:none}
#menuToggle.needs-attention::after{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#c93236;margin-left:8px;vertical-align:middle}