From 617b8a7efe67cd5f4ad70eb7b9a78566fef4125b Mon Sep 17 00:00:00 2001
From: Zaki <18zaki18@gmail.com>
Date: Tue, 12 May 2026 19:36:35 +0100
Subject: [PATCH] Hide FABs when auth visible (locked). Trash FAB glow shadow
 when active.

---
 css/style.css | 1 +
 js/app.js     | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index f453f98..9f2ce5f 100644
--- a/css/style.css
+++ b/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 {
diff --git a/js/app.js b/js/app.js
index 1111324..2571cba 100644
--- a/js/app.js
+++ b/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();
 }
 
@@ -1529,4 +1531,5 @@ document.addEventListener('keydown', function(e) {
         else if (document.getElementById('editModal').classList.contains('show')) saveEdit();
     }
 });
-document.getElementById('loginUsername').focus();
\ No newline at end of file
+document.getElementById('loginUsername').focus();
+document.querySelectorAll('.fab').forEach(b => b.classList.add('hidden'));
\ No newline at end of file