/* Centrum oznámení (22.3) — pravidla z prototypu (`notifications*`) v pořadí kaskády, pod .agn (zvonek i dialog
   jsou mimo #main). Filtry a `.icon-box` jen uvnitř dialogu, ať nepřebijí stránky. */
.agn .notifications-dialog .icon-box { display:grid;place-items:center;width:39px;height:39px;background:var(--soft);color:var(--blue);border-radius:12px;flex:none }
.agn .notifications-dialog .icon-box.success { background:#edf8d9;color:var(--dark) }
.agn .notifications-dialog .filters { display:flex;align-items:center;gap:5px;flex-wrap:wrap }
.agn .notifications-dialog .filter { font-size:12px;padding:9px 12px;min-height:37px;border-radius:9px;color:var(--muted) }
.agn .notifications-dialog .filter.active { color:var(--blue);background:var(--soft);font-weight:600 }
.agn .notifications-dialog .filter:hover { background:var(--canvas) }
.agn .root-bell.notifications-bell { display:grid;overflow:visible }
.agn .notifications-bell-count { position:absolute;top:-3px;right:-5px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;background:var(--blue);border:2px solid white;border-radius:20px;color:white;font-size:9px;font-weight:750;line-height:1 }
.agn .notifications-dialog { width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain }
.agn .notifications-dialog .dialog-head { position:sticky;top:0;background:white;z-index:2 }
.agn .notifications-dialog .dialog-body { padding:0 }
.agn .notifications-toolbar { padding:18px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap }
.agn .notifications-mark-all { display:inline-flex;align-items:center;gap:6px;min-height:34px;color:var(--blue);font-size:11px;font-weight:600;padding:5px 0 }
.agn .notifications-mark-all .icon { width:15px;height:15px }
.agn .notifications-mark-all:disabled { color:var(--muted);cursor:default;opacity:.65 }
.agn .notification-item { display:grid;grid-template-columns:35px minmax(0,1fr) 28px;align-items:start;gap:13px;padding:21px 24px;border-bottom:1px solid var(--line);background:#fff }
.agn .notification-read { background:#fafbfc }
.agn .notification-symbol { display:grid;place-items:center;width:35px;height:35px;background:var(--soft);border-radius:10px;color:var(--blue) }
.agn .notification-symbol .icon { width:18px;height:18px }
.agn .notification-important { background:#edf8d9;color:var(--dark) }
.agn .notification-category { display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-bottom:4px }
.agn .notification-unread-dot { height:6px;width:6px;border-radius:50%;background:var(--blue) }
.agn .notifications-dialog .notification-copy h3 { margin:0 0 7px;font-size:14px;letter-spacing:-.2px;line-height:1.5 }
.agn .notification-copy p { font-size:12px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere }
.agn .notification-copy time { display:block;font-size:11px;color:var(--muted);margin-top:7px }
.agn .notification-open { display:inline-flex;align-items:center;gap:5px;min-height:34px;margin-top:7px;padding:0;color:var(--blue);font-size:12px;font-weight:600;text-align:left }
.agn .notification-open .icon { width:14px;height:14px }
.agn .notification-open:hover { text-decoration:underline }
.agn .notification-controls { display:flex;flex-direction:column;gap:3px }
.agn .notification-controls button { display:grid;place-items:center;height:28px;width:28px;border-radius:50%;color:var(--muted) }
.agn .notification-controls button:hover { background:var(--canvas);color:var(--blue) }
.agn .notification-controls .icon { width:15px;height:15px }
.agn .notifications-empty { text-align:center;padding:40px 28px }
.agn .notifications-empty .icon-box { margin:0 auto 15px;width:46px;height:46px }
.agn .notifications-dialog .notifications-empty h3 { margin:0 0 10px;font-size:17px }
.agn .notifications-empty p { color:var(--muted);font-size:12px;line-height:1.7 }
.agn .notifications-footer { padding:17px 24px;background:#fafbfc }
.agn .notifications-footer p { font-size:11px;color:var(--muted);line-height:1.7 }
.agn .notifications-footer button { font-size:11px;color:var(--blue);min-height:34px;padding:5px 0;margin-top:5px;text-decoration:underline }
@media(max-width:760px) { .agn .root-bell.notifications-bell { display:grid } .agn .notifications-bell-count { top:-1px;right:-3px } .agn .notifications-dialog { max-height:calc(100dvh - 24px) } .agn .notifications-toolbar { padding:14px 18px;gap:7px } .agn .notification-item { grid-template-columns:32px minmax(0,1fr) 28px;gap:10px;padding:18px } .agn .notification-symbol { width:32px;height:32px } .agn .notifications-footer { padding:15px 18px } .agn .notifications-dialog .dialog-head { padding:20px } .agn .notifications-dialog .notification-copy h3 { font-size:13px } .agn .notification-copy p { font-size:12px } }
.agn .notifications-dialog .filters { gap:6px }
.agn .notifications-dialog .filter { min-height:44px;border-radius:10px;padding:10px 14px;font-size:13px }
.agn .notifications-dialog .filter.active { background:var(--soft);color:var(--blue) }
.agn .notifications-dialog .dialog-body { padding:0 }
.agn .notifications-dialog :is(.docs-empty,.cm-empty,.company-empty,.calendar-archive-empty,.notifications-empty,.sup-empty,.aa-empty,.pt-empty) { padding:36px 24px;text-align:center;color:var(--muted);line-height:1.7 }
.agn .notifications-dialog :is(.docs-empty,.cm-empty,.company-empty,.calendar-archive-empty,.notifications-empty,.aa-empty) :is(h2,h3) { font-size:18px;line-height:1.35;color:var(--dark);margin-bottom:8px }
.agn .notifications-dialog :is(.docs-empty,.cm-empty,.company-empty,.calendar-archive-empty,.notifications-empty,.aa-empty) p { font-size:14px }