/* ═══════════════════════════════════════════════════════════════════════
   MAIN.CSS — Sri Ranga Net Mapper
   ───────────────────────────────────────────────────────────────────────
   Single entry point. Replace your two old <link> tags:

     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
     <link rel="stylesheet" href="{{ url_for('static', filename='style-alien-2030.css') }}">

   with ONE:

     <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">

   and keep the whole css/ folder next to it on your static path.

   WHY @import AND NOT 17 <link> TAGS
   Using @import here keeps the HTML unchanged (one link tag) while still
   giving you 18 small, independently-editable files on disk. If you'd
   rather avoid the extra @import network round-trips in production,
   concatenate these files (in this exact order) into one build step —
   order matters, see below — or add 18 <link> tags in this order instead
   of importing them from here.

   LOAD ORDER — DO NOT REORDER THESE IMPORTS
   1. Tokens must load first (everything else consumes their variables).
   2. Base reset/global structure next (element defaults, DPI, a11y).
   3–5. Shared chrome + components (header/tabnav, forms, modals/tables) —
        used by every tab, so they must exist before tab files style them.
   6–16. One file per tab, in the same left-to-right order as the tab bar.
   17. (reserved for any future shared override)
   18. Global responsive overrides — MUST load last. Several breakpoints
       here intentionally override base rules declared in the tab files
       (6–16); if this were loaded earlier, an unrelated tab file's plain
       rule would win the cascade over this file's conditional rule at
       the very widths it's supposed to apply to.
═══════════════════════════════════════════════════════════════════════ */

@import url('./01-tokens-theme.css?v=5');
@import url('./02-base-reset.css?v=2');
@import url('./03-header-tabnav.css?v=3');
@import url('./04-forms-buttons.css?v=3');
@import url('./05-modals-toasts-tables.css?v=3');

@import url('./06-tab-topology.css?v=12');
@import url('./07-tab-dashboard-health.css?v=2');
@import url('./08-tab-alerts.css?v=2');
@import url('./09-tab-traffic-reports.css?v=2');
@import url('./10-tab-discovery.css?v=2');
@import url('./11-tab-vpn.css?v=2');
@import url('./12-tab-security-wazuh.css?v=6');
@import url('./13-tab-metrics-iperf.css?v=3');
@import url('./14-tab-config-backup.css?v=2');
@import url('./15-tab-syslog.css?v=2');
@import url('./16-tab-multisite.css?v=3');

@import url('./18-responsive-global.css?v=6');
@import url('./19-layout-consistency.css?v=2');
@import url('./20-mobile-tab-fixes.css?v=1');