.personal-income-notifications{margin:22px 0;border:1px solid #d9e2d8;border-radius:24px;background:linear-gradient(145deg,#fffdf8 0%,#f4f8ef 100%);box-shadow:0 18px 45px rgba(7,18,14,.06);overflow:hidden}
.personal-income-notifications>header{display:flex;justify-content:space-between;gap:22px;padding:26px 28px 20px;align-items:flex-start}
.personal-income-notifications>header h3{font:700 clamp(22px,2.2vw,30px)/1.12 Manrope,sans-serif;letter-spacing:-.04em;margin:6px 0 8px;color:#07120e}
.personal-income-notifications>header p{max-width:780px;margin:0;color:#58675f;line-height:1.55}
.personal-income-notifications>header>a{white-space:nowrap;border:1px solid #cfd8cf;border-radius:999px;padding:10px 15px;color:#07120e;font-weight:700;text-decoration:none;background:#fff}
.personal-notification-metrics{display:grid;grid-template-columns:1.25fr .8fr 1fr;border-top:1px solid #dfe6dd;border-bottom:1px solid #dfe6dd;background:rgba(255,255,255,.62)}
.personal-notification-metrics article{padding:18px 24px;min-width:0}
.personal-notification-metrics article+article{border-left:1px solid #dfe6dd}
.personal-notification-metrics span,.personal-notification-metrics small{display:block;color:#647269;font-size:12px}
.personal-notification-metrics strong{display:block;color:#07120e;font:700 17px/1.25 Manrope,sans-serif;margin:6px 0;overflow-wrap:anywhere}
.personal-notification-list{padding:10px 18px}
.personal-notification-list>a{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 10px;text-decoration:none;color:#07120e;border-bottom:1px solid #e2e7df}
.personal-notification-list>a:last-child{border-bottom:0}
.personal-notification-list i{width:9px;height:9px;border-radius:50%;background:#159367;box-shadow:0 0 0 5px rgba(21,147,103,.1)}
.personal-notification-list a.outcome-overdue i,.personal-notification-list a.assignment-followup i{background:#d67945;box-shadow:0 0 0 5px rgba(214,121,69,.12)}
.personal-notification-list span strong,.personal-notification-list span small{display:block}
.personal-notification-list span strong{font-size:14px;margin-bottom:4px}
.personal-notification-list span small{color:#66746d;line-height:1.4}
.personal-notification-list b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:7px 9px;background:#e9f1e7;color:#244c3a}
.personal-notification-empty{padding:22px 28px}
.personal-notification-empty strong,.personal-notification-empty span{display:block}
.personal-notification-empty span{color:#67746e;margin-top:5px}
.personal-income-notifications>footer{display:flex;gap:10px;align-items:flex-start;padding:15px 26px;background:#eef4e8;color:#526159;font-size:12px;line-height:1.5}
.personal-income-notifications>footer svg{width:20px;height:20px;flex:0 0 auto;color:#13865e}
.personal-income-notifications.compact>header{padding:20px 22px 15px}
.personal-income-notifications.compact>header h3{font-size:21px}
.personal-income-notifications.compact>header p{font-size:13px}
.personal-income-notifications.compact .personal-notification-metrics article{padding:14px 18px}
.personal-income-notifications.compact .personal-notification-list{display:none}
@media(max-width:860px){.personal-notification-metrics{grid-template-columns:1fr}.personal-notification-metrics article+article{border-left:0;border-top:1px solid #dfe6dd}.personal-income-notifications>header{flex-direction:column}.personal-income-notifications>header>a{align-self:flex-start}}
@media(max-width:560px){.personal-income-notifications{border-radius:18px}.personal-income-notifications>header{padding:20px}.personal-notification-list{padding:7px 12px}.personal-notification-list>a{grid-template-columns:9px minmax(0,1fr);padding:13px 7px}.personal-notification-list b{grid-column:2;justify-self:start}.personal-income-notifications>footer{padding:14px 18px}}
