/* FLUXOS-ADMIN 8.1: review-card, raw, actions and chat-state from the package. */
body.admin #approvals { margin-bottom:0; }
body.admin #approvals .approval { padding:24px; background:#1b1b1e; border:1px solid #524335; border-radius:12px; margin-bottom:16px; box-shadow:none; }
body.admin #approvals h2 { font:500 17px Figtree,Inter,sans-serif; letter-spacing:-.025em; margin:6px 0; }
body.admin #approvals p { font:13px/1.7 Inter,sans-serif; color:#adadac; margin:0 0 16px; }
body.admin #approvals .confirmation-warning { color:#adadac; margin:0 0 16px; }
body.admin #approvals pre { font:11px/1.65 'IBM Plex Mono',monospace; white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; background:#111113; border:1px solid #303033; border-radius:8px; max-height:420px; overflow:auto; color:#d0d0d4; }
body.admin #approvals .confirmation-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:20px; padding:0; }
body.admin #approvals .confirmation-actions button { min-height:44px; border:1px solid #454548; border-radius:10px; padding:10px 16px; font:500 13px Inter,sans-serif; color:#f6f6f6; }
body.admin #approvals .confirmation-actions button:not(.quiet) { background:#fb631b; color:#181818; border-color:#fb631b; border-radius:10px; }
body.admin #approvals .confirmation-actions button.quiet { background:transparent; }
body.admin #approvals .confirmation-actions button:hover { background:#303033; }
body.admin #approvals .confirmation-actions button:not(.quiet):hover { background:#ff7b3d; }
body.admin #approvals .admin-confirmation-note { font:11px/1.7 Inter,sans-serif; padding:12px 3px; color:#fcddcf; margin:0; }
@media(max-width:480px) {
 body.admin #approvals .approval { padding:18px; }
 body.admin #approvals .confirmation-actions button { flex:1; }
}