diff --git a/frontend/src/styles/components.css b/frontend/src/styles/components.css index ac60ab8..d56825b 100644 --- a/frontend/src/styles/components.css +++ b/frontend/src/styles/components.css @@ -2109,7 +2109,12 @@ tr:focus-within .btn-table-actions { display: none; } -/* Header: fixed, covers content area only (not sidebar) — glass treatment */ +/* Header: fixed, covers content area only (not sidebar) — glass treatment. + Same tint/blur strength as .sidebar so both fixed chrome surfaces read as + one consistent glass layer — .header previously used a lighter 0.30 tint + than .sidebar's 0.40, which made scrolled content underneath show through + almost undimmed and read as "no glass effect" even though backdrop-filter + was technically applied. */ .header { position: fixed; top: 0; @@ -2117,10 +2122,11 @@ tr:focus-within .btn-table-actions { right: 0; height: var(--header-height); z-index: var(--z-sticky); - background-color: rgba(28, 32, 38, 0.30); + background-color: rgba(28, 32, 38, 0.40); backdrop-filter: var(--blur-modal); -webkit-backdrop-filter: var(--blur-modal); border-bottom: 1px solid rgba(70, 69, 84, 0.12); + box-shadow: var(--shadow-lg); display: flex; align-items: center; padding: 0 var(--space-6);