.notification-list{display:grid;gap:9px;margin-top:16px}.notification-item{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;background:#f7f8f5;color:var(--ink);text-align:left}.notification-item:hover{transform:translateX(3px);box-shadow:0 5px 15px #13271f12}.notification-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e7ece8;color:var(--green);font-weight:900}.notification-item strong,.notification-item small{display:block}.notification-item small{color:var(--muted);margin-top:3px}.notification-arrow{font-size:24px;color:var(--green)}.notification-item.missing{background:#fff0ed;border-color:#efc9c1}.notification-item.missing .notification-mark{background:#e66b5b;color:white}.notification-item.overtime{background:#fff7db;border-color:#ecd485}.notification-item.request .notification-mark{background:#dce9f8;color:#325c91}.notification-item.deviation .notification-mark,.notification-item.open-shift .notification-mark,.notification-item.auto-clock-out .notification-mark,.notification-item.outside-hours .notification-mark,.notification-item.punch-sequence .notification-mark{background:#f0c84b;color:#654c00}.notification-item.open-shift,.notification-item.auto-clock-out,.notification-item.outside-hours,.notification-item.punch-sequence{background:#fff7db;border-color:#ecd485}@media(max-width:600px){.notification-item{grid-template-columns:auto 1fr}.notification-arrow{display:none}.panel-head #notificationEmployee{width:100%}}