Hide FABs when auth visible (locked). Trash FAB glow shadow when active.

css/style.css

@@ -274,6 +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; background:transparent; box-shadow:none; }
+.fab-trash.active { box-shadow:0 0 18px rgba(var(--accent-rgb),0.5); }
 
 /* Generic modal overlay (if you don’t already have it) */
 .modal-overlay {

js/app.js

@@ -623,6 +623,7 @@ async function doLogout() {
     document.getElementById('vaultSection').classList.add('hidden');
     document.getElementById('loginPassword').value = '';
     document.getElementById('loginUsername').value = localStorage.getItem('savedLoginUser') || '';
+    document.querySelectorAll('.fab').forEach(b => b.classList.add('hidden'));
 }
 
 function showVault() {
@@ -635,6 +636,7 @@ function showVault() {
     renderFolders();
     populateFolderSelects();
     syncSettingsUI();
+    document.querySelectorAll('.fab').forEach(b => b.classList.remove('hidden'));
     resetIdle();
 }
 
@@ -1530,3 +1532,4 @@ document.addEventListener('keydown', function(e) {
     }
 });
 document.getElementById('loginUsername').focus();
+document.querySelectorAll('.fab').forEach(b => b.classList.add('hidden'));