.customer-inbox .dash-card-heading{align-items:flex-start}
.customer-inbox .dash-card-heading>div{min-width:0;flex:1}
.customer-inbox .inbox-description{font-size:14px;line-height:1.95;color:var(--dash-muted);margin:9px 0 0;max-width:680px}
.inbox-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--dash-border)}
.inbox-filters{display:flex;gap:6px;margin:0;min-width:0;padding:5px;border:1px solid var(--dash-border);border-radius:13px;background:#6fa0ad05}
.inbox-filters button{display:flex;align-items:center;gap:9px;min-height:36px;padding:6px 13px;border:0;border-radius:9px;background:transparent;color:var(--dash-muted);font-size:13px}
.inbox-filters button.is-active{background:#14bea218;color:var(--dash-text);box-shadow:inset 0 0 0 1px #2dd4b82a}
.inbox-filters button>span{min-width:21px;line-height:21px;padding:0 4px;text-align:center;border-radius:6px;background:#71949c18}
.inbox-toolbar button:disabled,.inbox-message-actions button:disabled{opacity:.5;cursor:default}
.notification-info{--notification-color:#76c9e0;--notification-bg:#6bbad813}
.notification-success{--notification-color:#66d4b2;--notification-bg:#49c79416}
.notification-warning{--notification-color:#e5b66a;--notification-bg:#d69c4216}
.notification-error{--notification-color:#ef9a99;--notification-bg:#e96a7516}
.notification-status{display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:500;line-height:1.8;color:var(--notification-color);background:var(--notification-bg)}
.inbox-message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;color:var(--dash-muted);font-size:13px;line-height:1.8}
.inbox-message-meta time{margin-inline-start:auto}
.dash-notifications.inbox-messages>article{scroll-margin-top:130px}
.dash-notifications.inbox-messages>article:target{border-radius:13px;outline:2px solid #4ccbb85c;outline-offset:8px}
.dash-notifications.inbox-messages>article>.inbox-message-icon{color:var(--notification-color);background:var(--notification-bg);border-color:transparent}
.dash-notifications.inbox-messages h3{font-size:17px;margin:13px 0 6px}
.dash-notifications.inbox-messages p{white-space:pre-wrap;font-size:15px;line-height:2}
.inbox-message-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.inbox-message-actions .inbox-read-action,.inbox-message-actions .inbox-read-label{margin-inline-start:auto}
.inbox-read-label{display:flex;align-items:center;gap:5px;color:var(--dash-muted);font-size:12px}
.nav-actions .account-trigger .account-unread-count{position:absolute;inset-inline-end:-3px;top:-3px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:2px solid #0e1c27;border-radius:12px;background:#1dd2b6;color:#053931;font-size:10px;font-weight:800;line-height:1}
.account-message-counter{display:block;font-size:12px;color:#87a6ad}
.account-message-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.account-message-meta time{margin-inline-start:auto;font-size:11px}
.account-message-list .account-message-meta .notification-status{font-size:11px}
.account-message-list p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}
.account-message-list .account-message-sender{display:block;color:#8ba1ac;margin-top:7px;font-size:11px}
.account-message-list a.unread:before{inset-inline-end:-11px;top:27px}
html[data-theme=light] .notification-info{--notification-color:#216c89;--notification-bg:#3181a511}
html[data-theme=light] .notification-success{--notification-color:#19785f;--notification-bg:#148d6110}
html[data-theme=light] .notification-warning{--notification-color:#88550b;--notification-bg:#c98d2014}
html[data-theme=light] .notification-error{--notification-color:#ac3f4d;--notification-bg:#c7425710}
html[data-theme=light] .nav-actions .account-trigger .account-unread-count{border-color:#eef4f7}
html[data-theme=light] .account-message-counter,html[data-theme=light] .account-message-list .account-message-sender{color:#57747d}
@media(max-width:600px){.customer-inbox .dash-card-heading{gap:13px}.customer-inbox .dash-card-heading>.dash-secondary{font-size:0;width:40px;min-width:40px;padding:0}.customer-inbox .dash-card-heading>.dash-secondary svg{width:17px}.customer-inbox .inbox-description{font-size:13px}.inbox-filters button{font-size:12px;padding:6px 10px}.inbox-message-meta{gap:7px;font-size:12px}.inbox-message-meta time{flex-basis:100%;margin-inline-start:0}.dash-notifications.inbox-messages h3{font-size:16px}.dash-notifications.inbox-messages p{font-size:14px}.inbox-message-actions{gap:12px}.inbox-message-actions .dash-link{font-size:12px}.inbox-message-actions .inbox-read-action{margin-inline-start:0}.inbox-read-label{margin-inline-start:0!important}}

.notification-review-context{display:block;color:var(--dash-muted,#8ba1ac);font-size:13px;line-height:1.9;margin:8px 0}.dash-notifications.inbox-messages .notification-review-context{font-size:14px}.account-message-list .notification-review-context{font-size:12px;line-height:1.9;white-space:normal}html[data-theme=light] .notification-review-context{color:#57747d}