.nav-alert-count { float: right; min-width: 22px; padding: 2px 6px; border-radius: 999px; background: #f04438; color: #fff; text-align: center; font-size: 9px; }
.alert-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.alert-metrics article { display: grid; gap: 6px; min-height: 92px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.alert-metrics small { color: var(--muted); font-size: 11px; }
.alert-metrics strong { font-size: 25px; line-height: 1; }
.alert-metric-danger { border-color: #fda29b!important; background: #fff8f7!important; }
.alert-metric-danger strong { color: #d92d20; }
.alert-metric-today { border-color: #fec84b!important; background: #fffcf5!important; }
.alert-metric-today strong { color: #b54708; }
.alert-filters { display: grid; grid-template-columns: minmax(170px,.8fr) minmax(260px,1.7fr) minmax(180px,.8fr); gap: 12px; align-items: end; margin-bottom: 16px; }
.alert-filters label { display: grid; gap: 6px; margin: 0; font-size: 10px; font-weight: 600; }
.alerts-list { display: grid; gap: 10px; }
.alert-card { display: grid; grid-template-columns: auto minmax(0,1.3fr) minmax(180px,.8fr) minmax(170px,.7fr) auto; gap: 14px; align-items: center; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.alert-card.is-overdue { border-color: #fda29b; background: #fff8f7; }
.alert-card.is-today { border-color: #fec84b; background: #fffcf5; }
.alert-card strong,.alert-card small { display: block; }
.alert-card small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.alert-source { min-width: 0; overflow-wrap: anywhere; }
.alert-reason { min-width: 0; }
.alert-reason small { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.alert-deadline strong { font-size: 12px; }
.alert-badge { min-width: 94px; padding: 5px 8px; border-radius: 999px; text-align: center; font-size: 9px; font-weight: 700; }
.alert-badge.overdue { background: #fecdca; color: #912018; }
.alert-badge.today { background: #fedf89; color: #7a2e0e; }
.alert-badge.soon { background: #d1e9ff; color: #175cd3; }
.alert-badge.later { background: #f2f4f7; color: #475467; }
.alert-open { min-height: 32px; padding: 6px 11px; font-size: 10px; }
.alerts-empty { padding: 32px; border: 1px dashed #d0d5dd; border-radius: 12px; background: #fff; color: var(--muted); text-align: center; font-size: 12px; }
@media(max-width:1000px){.alert-card{grid-template-columns:auto minmax(0,1fr) auto}.alert-reason,.alert-deadline{grid-column:2}.alert-open{grid-column:3;grid-row:1}}
@media(max-width:760px){.alert-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-filters{grid-template-columns:1fr}.alert-card{grid-template-columns:1fr}.alert-badge{width:max-content}.alert-reason,.alert-deadline,.alert-open{grid-column:1;grid-row:auto}.alert-open{width:100%}}