/* INNOTECH v58 — notification UX */
.portal-icon-btn-v40[data-portal-notify]{display:grid;place-items:center;color:#2b2f31}
.portal-bell-v58{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.portal-icon-btn-v40[data-portal-notify]:hover .portal-bell-v58{transform:translateY(-1px)}
.portal-icon-btn-v40[data-portal-notify] .portal-notify-count-v44{right:-7px;top:-7px}

.portal-notify-actions-v58{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid #d3d5d5;background:#f0efeb}
.portal-notify-actions-v58 span{color:#777d80;font-size:.58rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.portal-notify-actions-v58 button{border:0;background:none;padding:4px 0;color:#d86800;font-size:.62rem;font-weight:900;cursor:pointer}
.portal-notify-actions-v58 button:hover{text-decoration:underline}
.portal-notify-actions-v58 button:disabled{color:#a5aaac;cursor:default;text-decoration:none}

.portal-notification-v58{padding:15px 18px 14px 22px;transition:background-color .16s ease,opacity .16s ease}
.portal-notification-v58.is-unread{background:#fff7ec}
.portal-notification-v58.is-read{background:#f7f6f2;opacity:.78}
.portal-notification-v58:hover{background:#fff}
.portal-notification-v58__type{display:block;color:#d86800!important;font-size:.52rem!important;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.portal-notification-v58 strong{font-size:.76rem;line-height:1.35}
.portal-notification-v58__project{display:block!important;margin-top:5px;color:#777d80!important;font-size:.58rem!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:none!important}
.portal-notification-v58__body{margin:8px 0 0!important;color:#353a3d!important;font-size:.69rem!important;line-height:1.45!important}
.portal-notification-v58__note{margin:5px 0 0!important;padding-left:10px;border-left:2px solid #c9cccd;color:#747a7d!important;font-size:.63rem!important;line-height:1.45!important}
.portal-notification-v58__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}
.portal-notification-v58__foot time{color:#989da0;font-size:.55rem}
.portal-notification-v58__foot em{color:#8e9497;font-size:.52rem;font-style:normal;font-weight:800;text-transform:uppercase}

@media(max-width:680px){
  .portal-notify-actions-v58{padding:10px 14px}
  .portal-notification-v58{padding:14px 16px 13px 20px}
}