/* Message source filters in the existing inbox sidebar. */
.sd-panel.sd-inbox-panel .mc-module-tabs{display:flex;align-items:stretch;gap:14px;width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border-bottom:1px solid #e6ebf3;white-space:nowrap}
.sd-panel.sd-inbox-panel .mc-module-tabs::-webkit-scrollbar{display:none}
.sd-panel.sd-inbox-panel .mc-module-tabs button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;min-height:40px;padding:0 2px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#68778f;font:inherit;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}
.sd-panel.sd-inbox-panel .mc-module-tabs button[aria-pressed=true]{color:#2463df;border-bottom-color:#3267ea;font-weight:600}
.sd-panel.sd-inbox-panel .mc-module-tabs button:hover{color:#2463df}
.sd-panel.sd-inbox-panel .mc-module-tabs button:focus-visible{outline:2px solid #5380e9;outline-offset:-3px}
.sd-panel.sd-inbox-panel .mc-module-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#3975ef;box-shadow:0 0 0 2px #eaf1ff}
.sd-panel.sd-inbox-panel .mc-conversation .mc-source-tag{flex:0 0 auto;max-width:74px;overflow:hidden;text-overflow:ellipsis;padding:1px 5px;border-radius:4px;background:#f3f6fa;color:#65758d;font-size:10px;line-height:17px}
.sd-panel.sd-inbox-panel .mc-module-warning{margin:8px 0 0;color:#966812;font-size:11px}
@media(max-width:420px){.sd-panel.sd-inbox-panel .mc-module-tabs{gap:10px}.sd-panel.sd-inbox-panel .mc-module-tabs button{font-size:11px}}

/* Notification categories and calm card layout matching the approved preview. */
.sd-panel.sd-inbox-panel[data-center-tab="notifications"]{width:440px;max-width:100vw}
.sd-panel.sd-inbox-panel[data-center-tab="notifications"] .sd-content{padding:0 18px}
.sd-panel.sd-inbox-panel[data-center-tab="notifications"] .mc-module-tabs{justify-content:space-between;gap:2px;padding:9px 0 12px;border-bottom:1px solid #edf1f6}
.sd-panel.sd-inbox-panel[data-center-tab="notifications"] .mc-module-tabs button{min-height:34px;padding:0 8px;border:0;border-radius:18px;color:#40516d;font-size:12px;font-weight:500}
.sd-panel.sd-inbox-panel[data-center-tab="notifications"] .mc-module-tabs button[aria-pressed="true"]{background:#ecf3ff;color:#2362db;font-weight:600}
.sd-panel.sd-inbox-panel[data-center-tab="notifications"] .mc-module-tabs button:hover{background:#f2f6fd;color:#2362db}
.sd-panel.sd-inbox-panel[data-center-tab="notifications"] .mc-module-tabs button:focus-visible{outline:2px solid #5380e9;outline-offset:1px}
.sd-panel.sd-inbox-panel[data-center-tab="notifications"] .mc-module-dot{width:6px;height:6px;flex-basis:6px;box-shadow:none}
.sd-panel.sd-inbox-panel .ns-preview-list{padding:0 0 20px;scroll-padding-top:12px}
.sd-panel.sd-inbox-panel .ns-preview-section{padding:12px 0 20px;border-bottom:1px solid #e8edf4}
.sd-panel.sd-inbox-panel .ns-preview-section h3{margin:0 0 10px;padding:0 4px;color:#1e2c43;font-size:16px;font-weight:650;line-height:24px}
.sd-panel.sd-inbox-panel .ns-preview-summary{margin:-5px 4px 12px;color:#7889a2;font-size:12px;line-height:18px}
.sd-panel.sd-inbox-panel .ns-preview-card{position:relative;display:flex;align-items:flex-start;box-sizing:border-box;width:100%;min-height:84px;gap:9px;margin:0 0 9px;padding:11px;border:1px solid #dfe7f2;border-radius:10px;background:#fff;color:#203149;text-align:left;cursor:pointer;font:inherit;box-shadow:0 1px 2px #1b376005}
.sd-panel.sd-inbox-panel .ns-preview-card:hover{background:#f6f8fc;border-color:#bdd0eb}
.sd-panel.sd-inbox-panel .ns-preview-card:focus-visible{outline:2px solid #5c85e3;outline-offset:1px}
.sd-panel.sd-inbox-panel .ns-preview-card .mc-thumb{width:56px;height:60px;flex:0 0 56px;border-radius:7px;object-fit:contain;background:#f5f7fa}
.sd-panel.sd-inbox-panel .ns-preview-copy{display:flex;flex:1;flex-direction:column;min-width:0}
.sd-panel.sd-inbox-panel .ns-preview-meta{display:flex;align-items:center;gap:8px;min-height:20px;margin-bottom:3px}
.sd-panel.sd-inbox-panel .ns-preview-tag{padding:2px 6px;border-radius:5px;background:#eaf2ff;color:#3368cc;font-size:11px;line-height:15px;white-space:nowrap}
.sd-panel.sd-inbox-panel .ns-preview-meta time{margin-left:auto;color:#8492a7;font-size:11px;white-space:nowrap}
.sd-panel.sd-inbox-panel .ns-preview-copy>strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#203149;font-size:13px;font-weight:650;line-height:19px}
.sd-panel.sd-inbox-panel .ns-preview-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:5px;color:#60718c;font-size:12px;line-height:18px}
.sd-panel.sd-inbox-panel .ns-preview-dot{position:absolute;top:15px;right:12px;width:6px;height:6px;border-radius:50%;background:#3975ef}
.sd-panel.sd-inbox-panel .ns-preview-card.is-unread .ns-preview-meta time{padding-right:10px}
.sd-panel.sd-inbox-panel .ns-preview-empty,.sd-panel.sd-inbox-panel .ns-preview-no-items{margin:0;padding:20px 10px;color:#8996a9;font-size:12px;text-align:center}
.sd-panel.sd-inbox-panel .ns-preview-more{display:block;margin:6px auto 0;padding:7px 12px;border:0;border-radius:6px;background:#f3f7fc;color:#2e65cb;font-size:12px;cursor:pointer}
.sd-panel.sd-inbox-panel .ns-preview-history{margin:14px auto}
@media(max-width:560px){.sd-panel.sd-inbox-panel[data-center-tab="notifications"] .sd-content{padding:0 12px}.sd-panel.sd-inbox-panel[data-center-tab="notifications"] .mc-module-tabs{gap:0}.sd-panel.sd-inbox-panel[data-center-tab="notifications"] .mc-module-tabs button{font-size:11px;padding:0 5px}.sd-panel.sd-inbox-panel .ns-preview-card{padding:11px;gap:9px}.sd-panel.sd-inbox-panel .ns-preview-card .mc-thumb{width:55px;height:58px;flex-basis:55px}}
