.user button[name="drop"] { position:relative; overflow:visible; }
.notification-badge, .notification-menu-count { min-width:20px; padding:2px 5px; border-radius:12px; background:#d83333; color:#fff; font:600 11px/14px Arial,sans-serif; text-align:center; }
.notification-badge { position:absolute; top:-8px; right:-10px; border:2px solid #fff; }
.notification-menu-count { display:inline-block; margin-left:8px; }
.notification-count[hidden], .notification-page [hidden] { display:none !important; }
content.notification-page { display:block; position:relative; height:auto !important; min-height:280px; flex:0 0 100%; padding:22px 0 48px; margin:0; color:#3a5c75; background:#fff; }
.notification-page > .container { height:auto; }
.notification-page-heading { margin:0 0 22px; font-size:14px; }
.notification-panel { border-top:3px solid #3a5c75; background:#f7f7f7; padding:18px 20px; height:auto; }
.notification-panel-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding-bottom:16px; border-bottom:1px solid #ddd; }
.notification-page h2 { font-size:18px; font-weight:600; margin:0; color:#3a5c75; }
.notification-card { padding:18px 0; border-bottom:1px solid #ddd; overflow-wrap:anywhere; }
.notification-card:last-child { border-bottom:0; }
.notification-card.is-unread { border-left:3px solid #f86300; padding-left:14px; }
.notification-page .notification-title { display:block; font-size:15px; font-weight:600; line-height:1.5; color:#3a5c75; margin:0 0 10px; }
.notification-status { display:inline-block; color:#3a5c75; font-size:12px; line-height:1.5; margin-bottom:10px; }
.notification-details { font-size:13px; line-height:1.6; margin:0 0 12px; color:#555; }
.notification-card-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.notification-card-footer time { font-size:12px; color:#666; }
.notification-card-footer form { margin:0; }
.notification-page .btn { font-size:13px; border-radius:0; border:1px solid #3a5c75; background:#fff; color:#3a5c75; box-shadow:none; }
.notification-page .btn-primary, .notification-page .btn:hover:not(:disabled) { background:#3a5c75; color:#fff; }
.notification-page .btn:focus-visible, .notification-follow-button:focus-visible { outline:2px solid #f86300; outline-offset:3px; }
.notification-page .notification-more { width:100%; margin-top:18px; }
.notification-empty, .notification-loading { padding:24px 0; margin:0; color:#666; font-size:13px; }
.notification-message:empty { display:none; }
.notification-follow-button { position:relative; border:0; padding:0; background:transparent; color:#385a76; font-family:inherit; font-size:12px; font-weight:400; line-height:1.5; text-align:left; cursor:pointer; }
.notification-follow-button .addAjanda { display:block; flex:0 0 36px; }
.notification-follow-button:disabled { opacity:.5; cursor:default; }
.notification-new-label { position:absolute; top:-13px; right:0; margin:0; padding:1px 4px; font:600 10px/14px Arial,sans-serif; color:#fff; background:#f86300; border-radius:2px; }
@media(max-width:575px) { content.notification-page { padding-top:18px; } .notification-panel { padding:14px; } .notification-panel-heading { align-items:flex-start; flex-direction:column; } }