.notifications-heading{margin-bottom:24px}.notifications-heading p{font-size:14px}.notifications-heading .button{gap:8px}
@media(max-width:550px){.notification-inbox .inbox-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;overflow:visible;padding:0 14px}.notification-inbox .inbox-tab{justify-content:center;padding:13px 0 10px;gap:5px;font-size:11px}.notification-inbox .inbox-tab>span{font-size:9px;padding:3px 5px}}
.notification-inbox{padding:0!important;overflow:hidden;border-radius:16px!important;background:#fff}
.inbox-tabs{display:flex;gap:25px;padding:0 26px;border-bottom:1px solid #e3eaf4;overflow-x:auto;scrollbar-width:thin}
.inbox-tab{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:20px 0 17px;border-bottom:3px solid transparent;font-size:13px;color:#7d8fa8;font-weight:550}
.inbox-tab>span{font-size:10px;line-height:1;padding:4px 6px;border-radius:5px;background:#f0f3f8;color:#8193ac}.inbox-tab.selected{border-color:#4c79d3;color:#3e69b8}.inbox-tab.selected>span{background:#e9f0ff;color:#4774c7}.inbox-tab.dispute-tab.selected{border-color:#bc795c;color:#aa6549}
.inbox-search-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:20px 26px;background:#fff}
.inbox-search-form>label{margin:0}.inbox-search{flex:1;min-width:230px;display:flex;align-items:center;gap:10px;border:1px solid #dce5f1;border-radius:8px;padding-left:13px}.inbox-search>.icon{color:#8ea1bd;width:18px;flex-shrink:0}.inbox-search input{margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;font-size:13px;min-width:0;padding:12px}
.inbox-category select{margin:0;font-size:12px;min-width:160px}.inbox-search-form .button{font-size:12px;padding:11px 17px;margin:0}.inbox-search-form .text-link{font-size:12px}
.inbox-list-heading{display:flex;justify-content:space-between;gap:15px;padding:13px 26px;background:#f8fafd;border-top:1px solid #eaf0f7;border-bottom:1px solid #eaf0f7;font-size:10px;color:#8a9bb3}.inbox-list-heading b{font-weight:550;color:#ad795b}
.notification-row{display:flex;align-items:center;gap:17px;padding:22px 26px;border-bottom:1px solid #eaf0f7;color:#607899;transition:background .15s}.notification-row:last-child{border-bottom:0}.notification-row:hover{background:#f7faff}.notification-row.is-unread{background:#fcfdff}.notification-row.has-dispute{box-shadow:inset 3px 0 #d59a7b;background:#fffdfb}
.notification-avatar{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:13px;background:#edf3fc;color:#6f8fba}.notification-avatar>.icon{width:20px;height:20px}.notification-avatar.dispute-avatar{background:#fcf0e8;color:#bc805e}.notification-avatar.kind-payment{background:#eaf5ef;color:#498b75}.notification-avatar.kind-job{background:#efecfa;color:#8c73b0}
.notification-content{display:grid;gap:7px;flex:1;min-width:0}.notification-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:#8a9cb4;flex-wrap:wrap}.notification-category{color:#6785ae;font-weight:600}.has-dispute .notification-category{color:#b57857}
.notification-subject{display:flex;align-items:center;gap:10px;min-width:0}.notification-subject>strong{font-size:15px;line-height:1.5;font-weight:550;color:#385879;overflow-wrap:anywhere}.is-unread .notification-subject>strong{font-weight:650;color:#29466b}.notification-subject>i{width:6px;height:6px;border-radius:50%;background:#4b80d4;flex-shrink:0}
.notification-preview{display:flex;align-items:baseline;gap:8px;white-space:nowrap;font-size:12px;line-height:1.5;color:#889ab1;min-width:0}.notification-preview>b{font-weight:500;flex-shrink:0;color:#6983a3}.notification-preview>span{overflow:hidden;text-overflow:ellipsis}
.notification-state{display:grid;gap:11px;justify-items:end;flex-shrink:0;min-width:115px}.notification-state time{font-size:10px;color:#90a0b7}.inbox-state{font-size:10px;line-height:1.5;padding:4px 9px;border-radius:6px;white-space:nowrap;background:#edf4fc;color:#7092b8}.state-closed{background:#f0f3f6;color:#96a2b3}.state-disputed{background:#fbede4;color:#b67553}.state-reply{background:#eaf3ff;color:#4c7ebd}.notification-open{color:#9caec5;margin-left:2px}.notification-open>.icon{width:16px}
.notification-inbox .pagination{padding:18px 26px}.inbox-empty{padding:48px 20px!important}.inbox-empty p{max-width:440px;margin-left:auto;margin-right:auto}
.inbox-dispute-alert{display:flex;gap:13px;align-items:center;padding:16px 20px;border:1px solid #eedbc9;background:#fffbf7;border-radius:12px;margin-bottom:22px;color:#b17c53}.inbox-dispute-alert>.icon{width:21px;flex-shrink:0}.inbox-dispute-alert>span{flex:1;min-width:0}.inbox-dispute-alert strong{display:block;font-size:13px;font-weight:650}.inbox-dispute-alert small{display:block;font-size:11px;line-height:1.6;color:#a58b73;margin-top:3px}.inbox-dispute-alert>b{font-size:11px;white-space:nowrap;font-weight:600}
@media(max-width:850px){.inbox-tabs{gap:20px;padding:0 20px}.notification-row{padding:19px 20px;gap:13px}.inbox-search-form{padding:18px 20px}.notification-open{display:none}.notification-subject>strong{font-size:14px}.notification-preview{flex-wrap:wrap;gap:2px;white-space:normal}.notification-preview>span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;flex-basis:100%;font-size:11px}.notification-state{min-width:95px}.inbox-dispute-alert>b{display:none}}
@media(max-width:550px){.notifications-heading{align-items:flex-start;gap:15px}.notifications-heading h1{font-size:30px}.notifications-heading p{font-size:12px;line-height:1.7}.notifications-heading .button{font-size:11px;padding:10px 12px;white-space:nowrap}.notifications-heading .button>.icon{width:15px}.inbox-tabs{padding:0 17px;gap:20px}.inbox-tab{padding:17px 0 14px;font-size:12px}.inbox-search-form{padding:16px;gap:9px}.inbox-search{flex-basis:100%;min-width:0}.inbox-category{flex:1}.inbox-category select{width:100%;min-width:0}.inbox-list-heading{padding:12px 17px;font-size:9px}.notification-row{padding:18px 16px;gap:10px;align-items:flex-start;flex-wrap:wrap}.notification-avatar{width:33px;height:33px;border-radius:10px;margin-top:4px}.notification-avatar>.icon{width:16px;height:16px}.notification-content{flex-basis:calc(100% - 45px);gap:7px}.notification-meta{font-size:9px;gap:6px}.notification-subject>strong{font-size:14px}.notification-state{width:100%;padding-left:43px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.notification-state time{font-size:9px}.inbox-state{font-size:9px;padding:3px 7px}.inbox-dispute-alert{padding:14px 16px;gap:10px}.inbox-dispute-alert strong{font-size:12px}.inbox-dispute-alert small{font-size:10px}.inbox-dispute-alert>.icon:last-child{width:16px}}