.notification-tabs{display:flex;gap:5px;width:min(320px,100%);margin-top:14px;padding:4px;border-radius:11px;background:#e8ece8}
.notification-tabs button{flex:1;border:0;border-radius:8px;padding:9px;background:transparent;font-weight:850;color:var(--muted)}
.notification-tabs button.active{background:#fff;color:var(--green);box-shadow:0 2px 8px #0001}
.notification-item{grid-template-columns:1fr auto}
.notification-main{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:0;border:0;background:transparent;color:inherit;text-align:left}
.notification-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.notification-actions button{border:0;border-radius:8px;padding:8px 10px;font-weight:800;background:#e7ece8;color:var(--green)}
.notification-actions button[data-notice-approve]{background:#dff0ca;color:#315c23}
.notification-actions button[data-notice-reject]{background:#f6d9d4;color:#8a2f24}
.notification-item.approved{border-left:4px solid #72ad48;background:#edf5e5}
.notification-item.rejected{border-left:4px solid #d85e51;background:#fae8e5}
.notification-item.time-check{background:#fff4cc;border-color:#efb51d}
@media(max-width:760px){.notification-item{grid-template-columns:1fr}.notification-actions{justify-content:stretch}.notification-actions button{flex:1}.notification-main{width:100%}}