.filters { display: flex; gap: 12px; align-items: center; padding: 8px 18px; border-bottom: 1px solid var(--border); flex-wrap: wrap; font-size: 12px; }
.filters select, .filters input[type=text], .filters #fQ { background: var(--panel2); color: var(--text); border: 1px solid var(--border); border-radius: 6px; padding: 5px 8px; }
.filters #fQ { width: 160px; }
.filters label { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); cursor: pointer; }
.badge { font-size: 10px; padding: 1px 6px; border-radius: 10px; border: 1px solid var(--border); background: var(--panel2); color: var(--muted); }
tr.new td { background: rgba(245, 179, 66, .12); }
tr.new td:first-child { box-shadow: inset 3px 0 0 var(--amber); }
.info-panel { padding: 6px 18px; border-bottom: 1px solid var(--border); font-size: 12px; color: var(--muted); }
.info-panel summary { cursor: pointer; color: var(--text); }
.info-panel p, .info-panel ol { max-width: 900px; }
.info-panel b { color: var(--text); }
.toast { position: fixed; right: 16px; bottom: 16px; z-index: 60; background: var(--text); color: var(--bg); padding: 10px 14px; border-radius: 8px; font-size: 13px; box-shadow: 0 4px 16px rgba(0,0,0,.3); }