.notification-card{max-width:60rem;min-width:0}.notification-card nav{margin-block:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.notification-items{list-style:none;padding:0;margin-block:1rem;display:grid;gap:1rem}.notification-items>li{border:1px solid #d5dedb;border-radius:.75rem;padding:1rem;overflow-wrap:anywhere}.notification-items>li.notification-unread{border-inline-start:4px solid #08756b;background:#f1faf7}.notification-heading,.notification-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;justify-content:space-between}.notification-heading h2{font-size:1.1rem;margin:0}.notification-heading span,.notification-items time{font-size:.85rem}.notification-controls{margin-block-start:1rem}.notification-card button{min-height:44px;max-width:100%;white-space:normal;cursor:pointer}.notification-card form>button{margin-block:1rem}.notification-card label{display:flex;align-items:center;gap:.5rem;min-height:44px}.notification-card input[type=checkbox]{width:1.2rem;height:1.2rem;flex-shrink:0}.notification-empty{padding-block:2rem}.notification-badge{display:inline-flex;gap:.3rem;align-items:center}.notification-badge-count{border-radius:1rem;background:#08756b;color:white;padding:.1rem .5rem}@media(max-width:390px){.notification-items>li{padding:.75rem}.notification-card{padding:1rem}.notification-controls{align-items:stretch;flex-direction:column}}
.notification-card button{background:#395f6c;color:#fff;border:1px solid #395f6c;border-radius:.5rem;padding:.65rem 1rem;font:inherit}.notification-card button:hover{background:#294a55}.notification-controls form{margin:0}.notification-controls form>button{margin-block:0}.notification-items time{display:block;margin-block-start:.5rem}
.notification-quick{position:relative;white-space:normal}
.notification-quick>summary{list-style:none;cursor:pointer;min-height:44px;padding:6px;border-radius:6px}
.notification-quick>summary::-webkit-details-marker{display:none}
.notification-quick[open]>summary{background:#edf2f3;color:#395f6c}
.notification-quick-panel{position:absolute;inset-inline-start:0;top:100%;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #d5dedb;border-radius:12px;box-shadow:0 12px 30px #163b4c1a;padding:16px;z-index:60;overflow-wrap:anywhere}
.notification-quick-panel h2{font-size:1.1rem;margin:0 0 12px}
.notification-quick-items{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.notification-quick-items li{border-bottom:1px solid #edf2f3;padding:10px 8px;border-inline-start:3px solid transparent;min-width:0}
.notification-quick-items li.notification-unread{border-inline-start-color:#395f6c;background:#f4f7f8}
.notification-quick-items a,.notification-quick-title{display:block;font-size:.95rem;white-space:normal;line-height:1.8}
.notification-quick-items a{min-height:44px;text-decoration:underline;text-underline-offset:3px}
.notification-quick-items a,.notification-quick-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.notification-quick-items .notification-unread a,.notification-quick-items .notification-unread .notification-quick-title{font-weight:700}
.notification-quick-state,.notification-quick-items time{display:block;font-size:.8rem;line-height:1.8}
.notification-view-all{display:flex;align-items:center;justify-content:center;min-height:44px;margin-block-start:12px;color:#395f6c;text-decoration:underline;position:sticky;bottom:-16px;background:white;border-top:1px solid #edf2f3}
@media(max-width:900px){.notification-quick-panel{position:fixed;inset-inline:12px;top:140px;width:auto;max-width:none;max-height:calc(100dvh - 152px)}}
.notification-filter{display:grid;gap:.5rem;margin-block:1rem}.notification-filter select{width:100%;min-width:0;min-height:44px;font:inherit;border:1px solid #d5dedb;border-radius:.5rem;padding:.5rem;background:#fff}