.header-user { position: relative; }
.header-alarm__panel { position:absolute; z-index:100; right:0; top:calc(100% + 12px); width:min(360px,90vw); max-height:70vh; overflow:auto; padding:16px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 8px 24px #0001; }
.header-alarm__panel[hidden] { display:none; }
.header-alarm__item { display:flex; flex-direction:column; gap:6px; width:100%; padding:12px 8px; border:0; border-bottom:1px solid #e5e7eb; background:transparent; text-align:left; cursor:pointer; }
.header-alarm__item span { white-space:pre-wrap; }
.header-alarm__item time { color:#6b7280; font-size:12px; }
.header-alarm__item.is-read { opacity:.65; }