/* Bursa Kayu 3O — pusat notifikasi. */
.top-actions .notification-button{position:relative;flex:none}
.notification-badge{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:20px;background:#ce5038;color:white;font-size:10px;font-weight:800;line-height:1;border:2px solid var(--card)}
.top-actions .chat-notification-button,.mobile-nav .mobile-chat-link{position:relative}
.chat-unread-badge{position:absolute;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:20px;background:#ce5038;color:#fff!important;font-size:10px!important;font-weight:800;line-height:1!important;border:2px solid var(--card)}
.top-actions .chat-unread-badge{top:-7px;right:-7px}
.mobile-nav .chat-unread-badge{top:2px;right:calc(50% - 30px)}
.chat-inbox-item.has-unread{border-color:var(--accent)}.chat-thread-unread{display:inline-block;margin-left:7px;border-radius:6px;padding:3px 7px;background:var(--soft);color:var(--accent);font-size:11px;font-weight:700}
.notification-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.notification-head h2{margin:0 0 3px;font-size:21px}.notification-head p{margin:0;color:var(--muted);font-size:13px}.notification-head form{margin:0}
.route-notifications .shell.wide{max-width:940px}
.notification-list{display:grid;gap:10px}.notification-item{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;box-shadow:none}.notification-item.is-unread{border-color:var(--accent);background:color-mix(in srgb,var(--soft) 37%,var(--card))}
.notification-symbol{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--soft);color:var(--accent)}.notification-symbol .bk-icon{width:20px;height:20px}
.notification-content{flex:1;min-width:0}.notification-item-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.notification-item h3{margin:0;font-size:15px;line-height:1.3}.notification-item p{margin:5px 0 6px;color:var(--text);font-size:13px;overflow-wrap:anywhere}.notification-item small{color:var(--muted);font-size:11px}.notification-new{font-size:10px;font-weight:700;color:var(--accent)}.notification-item form{align-self:center;margin:0}.notification-item button{white-space:nowrap}.notification-pagination{display:flex;justify-content:center;gap:14px;margin-top:20px}
@media(max-width:650px){.notification-head{align-items:flex-start}.notification-head h2{font-size:18px}.notification-head p{font-size:11px}.notification-head button{font-size:11px;padding:8px}.notification-item{padding:13px;gap:10px}.notification-symbol{width:34px;height:34px}.notification-symbol .bk-icon{width:18px;height:18px}.notification-item h3{font-size:13px}.notification-item p{font-size:12px}.notification-item form{align-self:flex-start}.notification-item button{font-size:11px;padding:7px}.notification-badge{top:-5px;right:-5px}}
