/* IT TOP v2 modular CSS entrypoint. Safe imports only; existing /static/style.css stays active. */
@import url('/static/css/tokens.css?v=v2');
@import url('/static/css/base.css?v=v2');
@import url('/static/css/layout.css?v=v2');
@import url('/static/css/components/buttons.css?v=v2');
@import url('/static/css/components/cards.css?v=v2');
@import url('/static/css/components/tables.css?v=v2');
@import url('/static/css/components/forms.css?v=v2');
@import url('/static/css/components/modal.css?v=v2');
@import url('/static/css/components/badges.css?v=v2');
@import url('/static/css/pages/dashboard.css?v=v2');
@import url('/static/css/pages/devices.css?v=v2');
@import url('/static/css/pages/networks.css?v=v2');
@import url('/static/css/pages/routing.css?v=v2');
@import url('/static/css/pages/settings.css?v=v2');
@import url('/static/css/pages/wireguard.css?v=v2');
@import url('/static/css/pages/zerotier.css?v=v2');
@import url('/static/css/pages/mikrotik.css?v=v2');
@import url('/static/css/pages/notifications.css?v=v476');
@import url('/static/css/legacy/legacy-style.css?v=v2');

/* V476 hard notifications page splitter: works even before JS finishes. */
#view-notifications #notifContent:not([data-notif-active-page]) [data-notif-page]:not([data-notif-page~="mail"]),
#view-notifications #notifContent[data-notif-active-page="mail"] [data-notif-page]:not([data-notif-page~="mail"]),
#view-notifications #notifContent[data-notif-active-page="health"] [data-notif-page]:not([data-notif-page~="health"]),
#view-notifications #notifContent[data-notif-active-page="logs"] [data-notif-page]:not([data-notif-page~="logs"]),
#view-notifications #notifContent[data-notif-active-page="security"] [data-notif-page]:not([data-notif-page~="security"]),
#view-notifications #notifContent[data-notif-active-page="stable"] [data-notif-page]:not([data-notif-page~="stable"]),
#view-notifications #notifContent[data-notif-active-page="channels"] [data-notif-page]:not([data-notif-page~="channels"]),
#view-notifications #notifContent[data-notif-active-page="guide"] [data-notif-page]:not([data-notif-page~="guide"]) { display: none !important; visibility: hidden !important; }
#view-notifications #notifContent[data-notif-active-page="mail"] [data-notif-page~="mail"],
#view-notifications #notifContent[data-notif-active-page="health"] [data-notif-page~="health"],
#view-notifications #notifContent[data-notif-active-page="logs"] [data-notif-page~="logs"],
#view-notifications #notifContent[data-notif-active-page="security"] [data-notif-page~="security"],
#view-notifications #notifContent[data-notif-active-page="stable"] [data-notif-page~="stable"],
#view-notifications #notifContent[data-notif-active-page="channels"] [data-notif-page~="channels"],
#view-notifications #notifContent[data-notif-active-page="guide"] [data-notif-page~="guide"] { visibility: visible !important; }


/* V476: absolute fallback for notification internal pages. */
#view-notifications #notifContent [data-notif-page][hidden] { display: none !important; visibility: hidden !important; }
#view-notifications #notifContent[data-notif-active-page="mail"] [data-notif-page]:not([data-notif-page~="mail"]),
#view-notifications #notifContent[data-notif-active-page="health"] [data-notif-page]:not([data-notif-page~="health"]),
#view-notifications #notifContent[data-notif-active-page="logs"] [data-notif-page]:not([data-notif-page~="logs"]),
#view-notifications #notifContent[data-notif-active-page="security"] [data-notif-page]:not([data-notif-page~="security"]),
#view-notifications #notifContent[data-notif-active-page="stable"] [data-notif-page]:not([data-notif-page~="stable"]),
#view-notifications #notifContent[data-notif-active-page="channels"] [data-notif-page]:not([data-notif-page~="channels"]),
#view-notifications #notifContent[data-notif-active-page="guide"] [data-notif-page]:not([data-notif-page~="guide"]) { display:none !important; visibility:hidden !important; }