/* Continental portal x7 — compact notification feed + avatar photos. */
.px-notifs{display:flex;flex-direction:column;gap:2px}
.px-notif{display:flex;gap:11px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--px-line);text-decoration:none;color:inherit;border-radius:12px}
.px-notif:last-child{border-bottom:none}
.px-notif:hover{background:var(--px-soft)}
.px-notif-ic{flex:0 0 auto;width:34px;height:34px;border-radius:11px;background:var(--px-soft);border:1px solid var(--px-line);display:flex;align-items:center;justify-content:center;color:var(--px-ink2)}
.px-notif-ic svg{width:17px;height:17px}
.px-notif.new .px-notif-ic{background:var(--px-navy);border-color:var(--px-navy);color:var(--px-lime)}
.px-notif-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.px-notif-tx b{display:block;font-size:.8rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.px-notif-tx small{display:block;font-size:.73rem;color:var(--px-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.px-notif-tx .px-micro{margin-top:2px;font-size:.66rem}
.px-notif-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--px-lime-deep)}
.px-avatar{overflow:hidden}
.px-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
@media (max-width:720px){
  .px-notif{padding:8px 6px;gap:9px}
  .px-notif-ic{width:30px;height:30px;border-radius:10px}
  .px-notif-ic svg{width:15px;height:15px}
}