.custom-navbar .notification-dropdown { width: 350px; max-width: calc(100vw - 24px); }
.custom-navbar .inbox-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px; }
.inbox-heading strong { display:block; font-size:14px; }
.inbox-heading > div > span { display:block; margin-top:3px; color:#7b8799; font-size:11px; font-weight:400; }
.inbox-heading form, .inbox-item-form, .inbox-item-actions form { margin:0; }
.inbox-text-button { border:0; background:transparent; color:#8a620f; font-size:11px; font-weight:700; padding:5px 0; cursor:pointer; }
.inbox-text-button:hover { color:#212d45; text-decoration:underline; }
.inbox-text-button.muted { color:#7b8799; font-weight:500; }
.inbox-scroll { max-height: min(420px, 65vh); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.custom-navbar .notification-item.inbox-item { display:flex; align-items:flex-start; gap:11px; width:100%; border:0; border-bottom:1px solid #edf1f6; background:transparent; text-align:left; padding:15px 16px; line-height:1.5; }
.custom-navbar .notification-item.inbox-item.is-unread, .inbox-page-item.is-unread { background:#fffbf0; }
.custom-navbar .notification-item.inbox-item:hover { background:#f0f3f8; }
.inbox-icon { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:10px; font-size:13px; color:#586d8d; background:#edf1f7; }
.inbox-icon.payment, .inbox-icon.sale { background:#e8f5ed; color:#287557; }
.inbox-icon.stock { background:#fff0d2; color:#946914; }
.inbox-icon.security { background:#f0edfa; color:#6a5794; }
.inbox-copy { flex:1; min-width:0; overflow-wrap:anywhere; }
.inbox-copy > strong { display:block; color:#212d45; font-size:12px; font-weight:700; }
.inbox-copy > span { display:block; color:#65748a; font-size:11px; margin-top:3px; }
.inbox-copy time { display:block; font-size:10px; color:#8591a3; margin-top:6px; }
.inbox-unread-dot { flex:0 0 6px; width:6px; height:6px; background:#d49c24; border-radius:50%; margin-top:6px; }
.inbox-empty { padding:30px 22px; text-align:center; color:#7b8799; font-size:12px; }
.inbox-empty > i { display:block; font-size:25px; color:#c49a40; margin-bottom:14px; }
.inbox-empty > strong { display:block; color:#344861; font-size:14px; }
.inbox-empty p { margin:7px 0 0; line-height:1.6; }
.inbox-page-card { max-width:960px; margin:8px auto 24px; }
.inbox-tabs { display:flex; gap:22px; padding:0 24px; border-bottom:1px solid #e9edf3; }
.inbox-tabs a { display:inline-flex; align-items:center; gap:7px; padding:17px 0 14px; color:#758196; font-size:12px; font-weight:600; border-bottom:3px solid transparent; }
.inbox-tabs a.active { color:#212d45; border-bottom-color:#ffc03d; }
.inbox-tabs a span, .inbox-new-label { display:inline-block; padding:2px 6px; border-radius:5px; font-size:10px; background:#fff0cf; color:#896112; }
.inbox-page-item { display:flex; gap:16px; padding:22px 24px; border-bottom:1px solid #edf1f6; }
.content-wrapper .inbox-copy h2 { margin:0 0 6px; color:#212d45; font-size:14px; font-weight:700; line-height:1.5; }
.inbox-copy h2 .inbox-new-label { margin-left:5px; vertical-align:middle; }
.inbox-copy p { margin:0; color:#65748a; font-size:12px; line-height:1.6; }
.inbox-item-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:9px; }
.inbox-item-actions i { font-size:9px; margin-left:5px; }
.inbox-pagination { display:flex; align-items:center; justify-content:center; gap:20px; padding:20px; font-size:12px; color:#758196; }
.inbox-pagination a { color:#8a620f; font-weight:600; }
.inbox-text-button:focus-visible, .inbox-item:focus-visible, .inbox-tabs a:focus-visible { outline:2px solid #d49c24; outline-offset:-2px; }
html[data-theme=dark] .inbox-page-item.is-unread, html[data-theme=dark] .custom-navbar .inbox-item.is-unread { background:#ffc03d0b; }
html[data-theme=dark] .inbox-copy > strong, html[data-theme=dark] .inbox-empty > strong, html[data-theme=dark] .inbox-tabs a.active { color:var(--theme-text); }
html[data-theme=dark] .inbox-copy > span, html[data-theme=dark] .inbox-copy p, html[data-theme=dark] .inbox-copy time { color:var(--theme-muted); }
html[data-theme=dark] .inbox-page-item, html[data-theme=dark] .inbox-tabs, html[data-theme=dark] .custom-navbar .notification-item.inbox-item { border-color:var(--theme-border); }
html[data-theme=dark] .inbox-icon { background:#293d58; color:#c4d6ee; }
html[data-theme=dark] .inbox-icon.stock { background:#413722; color:#ffda80; }
html[data-theme=dark] .inbox-icon.payment, html[data-theme=dark] .inbox-icon.sale { background:#213d36; color:#9ee0bd; }
html[data-theme=dark] .inbox-text-button { color:#ffda80; }
@media(max-width:600px) {
    .inbox-page-item { padding:17px 15px; gap:11px; }
    .inbox-tabs { padding:0 15px; }
    .inbox-icon { width:30px; height:30px; flex-basis:30px; border-radius:8px; font-size:12px; }
    .inbox-pagination { gap:12px; font-size:11px; }
}
@media(max-width:600px) {
    .custom-navbar #notificationInbox { position:static; }
    .custom-navbar #notificationInbox .notification-dropdown {
        right:12px;
        left:auto !important;
        top:100% !important;
        transform:none !important;
    }
}