Trash FAB: always shows 🗑️; active mode has transparent background, no shadow

css/style.css

@@ -274,7 +274,7 @@ input:focus, select:focus { border-color:var(--accent); }
 }
 .fab:hover { transform: scale(1.1); filter: brightness(1.1); }
 .fab-trash { left: 2rem; right: auto; font-size:1.4rem; }
-.fab-trash.active { background:var(--danger); }
+.fab-trash.active { background:transparent; box-shadow:none; }
 
 /* Generic modal overlay (if you don’t already have it) */
 .modal-overlay {

js/app.js

@@ -291,7 +291,7 @@ function toggleTrash() {
     showTrash = !showTrash;
     const btn = document.getElementById('trashBtn');
     const actions = document.getElementById('trashActions');
-    if (btn) { btn.textContent = showTrash ? '📋' : '🗑️'; btn.classList.toggle('active', showTrash); btn.title = showTrash ? 'Active entries' : 'Trash'; }
+    if (btn) { btn.classList.toggle('active', showTrash); btn.title = showTrash ? 'Back to entries' : 'Trash'; }
     if (actions) actions.classList.toggle('hidden', !showTrash);
     loadEntries();
     playSound('click');