.notification-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.notification-summary>button{padding:19px;border-radius:14px;background:#fff;border:1px solid #e5e9e7;display:flex;flex-direction:column;gap:5px;text-align:left;cursor:pointer}.notification-summary>button:hover{border-color:#8fb7a3;background:#f8fbf8}.notification-summary strong{font-size:27px;color:#18352d}.notification-summary span{font-size:13px;color:#64736d}.notification-filter-block{margin:16px 0}.notification-filter-block>strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#506a5e}.notification-filters{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}.notification-list{display:grid;gap:18px;margin-top:22px}.notification-group{display:grid;gap:9px}.notification-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 2px;border-bottom:1px solid #dce7df}.notification-group-head h2{font-size:18px;margin:0 0 3px;color:#1b3f2e}.notification-group-head small{font-size:12px;color:#708278}.notification-group-head>span{background:#e6f0e9;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;color:#27503a}.notification-item{display:grid;grid-template-columns:135px minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px;background:#fff;border:1px solid #e5e9e7;border-left:4px solid #9ab9a9;border-radius:12px}.notification-item.overdue{border-left-color:#cd604e}.notification-item.today{border-left-color:#e4a62e}.notification-item.soon{border-left-color:#e7bd62}.notification-item.attention{border-left-color:#517da4}.notification-item.muted-item{opacity:.72}.notification-date{display:flex;flex-direction:column;gap:5px}.notification-date strong{font-size:14px}.notification-date span{font-size:12px;color:#67746e}.notification-copy h3{font-size:16px;margin:5px 0}.notification-copy p{font-size:13px;color:#64736d;margin:0;white-space:normal}.notification-tags{display:flex;gap:6px;flex-wrap:wrap}.notification-tags span{font-size:11px;padding:3px 7px;background:#edf3ef;border-radius:5px;color:#335449}.notification-tags .high{background:#fff0e6;color:#a44c32}.notification-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.notification-snooze{height:32px;max-width:125px;border:1px solid #d7ded9;border-radius:6px;background:#fff;padding:0 5px;color:#31413b}.notification-bell{display:inline-flex;align-items:center;gap:5px}.notification-bell b{background:#c34838;color:#fff;border-radius:999px;min-width:20px;padding:2px 5px;font-size:11px;text-align:center}.deadline-pill{display:inline-block;white-space:nowrap}.deadline-pill strong{font-size:11px;border-radius:5px;padding:3px 6px;background:#eaf2ed;color:#29533f}.deadline-pill.overdue strong{background:#fde9e5;color:#ac422f}.deadline-pill.today strong{background:#fff1d8;color:#865500}.deadline-pill.soon strong{background:#fff8e8;color:#8b681d}@media(max-width:900px){.notification-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-item{grid-template-columns:1fr;gap:10px}.notification-actions{justify-content:flex-start}}@media(max-width:450px){.notification-summary{gap:7px}.notification-summary>button{padding:12px}}
.overview-alerts{width:100%;display:flex;align-items:center;gap:13px;flex-wrap:wrap;text-align:left;border:1px solid #e5e9e7;background:#f8fbf8;color:#1d4232;border-radius:12px;padding:14px 18px;margin:14px 0 18px;cursor:pointer}.overview-alerts>span{font-size:22px}.overview-alerts strong{font-size:15px}.overview-alerts small{font-size:13px;color:#5c6d63}.overview-alerts b{margin-left:auto;font-size:12px}

.notification-item.invitation{border-left-color:#498fbd;background:#f7fbff}
.notification-summary>button.selected{border-color:#d59b35;box-shadow:inset 0 0 0 1px #d59b35;background:#fffaf0}
.focused-notification-record{border-radius:10px;outline:2px solid #e2a33b;outline-offset:2px;background:#fffaf0;scroll-margin:20px}