.ftn-notifs-wrap{max-width:980px;margin:2rem auto}.ftn-notifs-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.ftn-notifs-header h1{margin:0 0 .35rem}.ftn-notif-filter-form{display:flex;align-items:end;gap:.5rem}.ftn-notif-filter-form label{display:grid;gap:.3rem;font-weight:700}.ftn-notif-filter-form select{min-height:42px;padding:.5rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.ftn-notifs-toolbar{display:flex;justify-content:flex-end;margin-bottom:.75rem}.ftn-notifs-list{display:grid;gap:.75rem}.ftn-notif-item{border:1px solid #e2e8f0;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.04);overflow:hidden}.ftn-notif-item.ftn-unread{border-left:5px solid #14b88a;background:#f3fffb}.ftn-notif-item a{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:1rem;padding:1rem;text-decoration:none;color:inherit}.ftn-notif-icon{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.ftn-unread .ftn-notif-icon{background:#14b88a}.ftn-notif-copy{display:grid;gap:.25rem}.ftn-notif-copy time{font-size:.84rem;color:#64748b}.ftn-notif-open{font-size:2rem;color:#64748b}.ftn-notifications-empty{padding:2rem;border:1px dashed #cbd5e1;border-radius:12px;text-align:center}.ftn-notif-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.45rem;height:1.45rem;padding:0 .3rem;margin-left:.35rem;border-radius:999px;background:#ef4444;color:#fff;font-size:.72rem;font-weight:800;line-height:1;vertical-align:middle;flex:0 0 auto}.menu-item>a:has(.ftn-notif-badge){display:inline-flex!important;align-items:center;max-width:100%}@media(max-width:700px){.ftn-notifs-header{align-items:stretch;flex-direction:column}.ftn-notif-filter-form{display:grid;grid-template-columns:1fr auto}.ftn-notif-item a{gap:.65rem;padding:.85rem}.ftn-notif-badge{position:static;transform:none}}
.ftn-notifs-wrap .ftn-notifs-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,auto);align-items:end;gap:1.5rem}.ftn-notifs-wrap .ftn-notifs-header>div{min-width:0}.ftn-notifs-wrap .ftn-notifs-header p{margin:0;color:#64748b}.ftn-notifs-wrap .ftn-notif-filter-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:.55rem;margin:0}.ftn-notifs-wrap .ftn-notif-filter-form>*{margin-top:0}.ftn-notifs-wrap .ftn-notif-filter-form label{min-width:0;margin:0}.ftn-notifs-wrap .ftn-notif-filter-form select{width:100%;min-width:0;min-height:44px;margin:0}.ftn-notifs-wrap .ftn-notif-filter-form .ftn-btn{min-height:44px;margin:0;white-space:nowrap}
@media(max-width:700px){.ftn-notifs-wrap{margin:1rem 0}.ftn-notifs-wrap .ftn-notifs-header{grid-template-columns:1fr;align-items:stretch;gap:1rem;text-align:left}.ftn-notifs-wrap .ftn-notif-filter-form{grid-template-columns:1fr}.ftn-notifs-wrap .ftn-notif-filter-form .ftn-btn{width:100%}.ftn-notifs-wrap .ftn-notif-item{text-align:left}}