.header-search-results, .notification-panel { position:fixed; z-index:1200; display:none; border:1px solid #76501f; border-radius:12px; background:linear-gradient(145deg,#1b140d,#0c0b09); box-shadow:0 18px 45px #000b; overflow:hidden; }
.header-search-results.open, .notification-panel.open { display:block; }
.header-result { width:100%; display:flex; align-items:center; gap:10px; padding:11px 13px; border:0; border-bottom:1px solid #302216; background:none; color:#ead7bd; text-align:left; cursor:pointer; }
.header-result:hover { background:#2a1d0f; }.header-result > span { color:#e6a846; font-size:18px; }.header-result div { display:grid; gap:3px; }.header-result small { color:#998875; }.header-empty { margin:0; padding:15px; color:#a79785; }
.notification-panel { width:310px; padding:10px; }.notification-heading { display:flex; justify-content:space-between; align-items:center; padding:7px 8px 11px; color:#efb45a; border-bottom:1px solid #3b2a18; }.notification-heading button { border:0; background:none; color:#efb45a; font-size:20px; cursor:pointer; }.notification-item { display:flex; gap:10px; align-items:flex-start; padding:12px 8px; border-bottom:1px solid #2d2117; }.notification-item > span { color:#e4a446; }.notification-item p { margin:0; color:#d3c0a5; font-size:.8rem; line-height:1.45; }