.client-project-notifications-panel .attention-list{max-height:380px;overflow:auto;scrollbar-color:#405167 transparent}
.attention-list .client-project-notification,.client-project-notification-drawer .client-project-notification{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;padding:13px 6px;border:0;border-bottom:1px solid #2b3542;background:transparent;color:#e8eff8;text-align:left;cursor:pointer}
.client-project-notification:hover,.client-project-notification:focus-visible{background:#192535;outline:none}
.client-project-notification.is-unread{box-shadow:inset 3px 0 #e9ac57}
.client-project-notification .alert-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#20344b;color:#86c5ff;font-style:normal;font-size:11px}
.client-project-notification-copy{display:grid;gap:4px;min-width:0}
.client-project-notification-copy b{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.client-project-notification-copy small,.client-project-notification-copy em,.client-project-notification-copy time{font-size:10px;line-height:1.45;color:#aebdce;font-style:normal;overflow-wrap:anywhere}
.client-project-notification-copy em{color:#c7d9eb}
.client-project-notification-copy time{color:#8fb7d9}
.client-project-notification>i{color:#9ccfff;font-style:normal;font-size:10px;white-space:nowrap;padding-top:8px}
.client-project-notification-drawer{width:min(500px,calc(100vw - 20px));max-height:calc(100vh - 86px);overflow:auto}
.client-project-notification-drawer-list{max-height:calc(100vh - 170px);overflow:auto}
.client-project-notification-drawer .client-project-notification{margin:0}
.client-notification-focus{border-color:#e9ac57!important;box-shadow:0 0 0 2px rgba(233,172,87,.28)}
@media(max-width:600px){.attention-list .client-project-notification,.client-project-notification-drawer .client-project-notification{grid-template-columns:28px minmax(0,1fr)}.client-project-notification>i{display:none}}