body{
  font-family:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;

  margin:0;
  background:#f5f6f7;
  overflow-x:hidden;

  opacity:1;
  transform:translateY(0);
  transition:
    opacity .22s ease,
    transform .22s ease,
    background-color .2s ease;
}

html:not(.themeReady){
  visibility:hidden;
}

:root{
  --headerBg:#193766;
  --sidebarBg:#123f75;

  --tableHeadBg:#193766;
  --tableHeadGradient:#193766;
  --tableHeadText:#ffffff;
  --tableText:#0f172a;

  --brandBlue:#1e56a0;
  --brandBlueDark:#17427a;

  --fieldBg:#84B7FA;
  --fieldBgBorder:#15127A;

  --mutedText:#d8e6ff;
  --filtersBg:#84B7FA;
  --filtersBorder:#15127A;

  --headerH:72px;
  --footerDockH:58px;
  --safeTop:env(safe-area-inset-top, 0px);
  --safeRight:env(safe-area-inset-right, 0px);
  --safeBottom:env(safe-area-inset-bottom, 0px);
  --safeLeft:env(safe-area-inset-left, 0px);
  --sidebarW:220px; /* legacy – stari sidebar layout */

    /* =========================
     TABLE THEME
  ========================= */

  --tableRowOdd:#ffffff;
  --tableRowEven:#f4f7fc;
  --tableRowHover:#eaf2ff;

  --tableWrapBg:#f9fbff;
  --tableWrapBorder:#e4e9f2;

  /* =========================
     CONTENT BLOCKS
  ========================= */

  --contentHeaderBg:#f3f6fb;

  --cardBg:#ffffff;
  --cardBorder:#e8eef7;

  /* =========================
     BUTTONS
  ========================= */

  --btnPrimaryBg:#204a86;
  --btnPrimaryBorder:#204a86;
  --btnPrimaryText:#ffffff;

  /* =========================
     BADGES
  ========================= */

  --yearBadgeBg:#ffffff;
  --yearBadgeText:#193766;

  --loaderOverlayBg:rgba(25, 55, 102, .50);
  --loaderPanelBg:rgba(23, 66, 122, .72);
  --loaderPanelBorder:rgba(255,255,255,.18);
  --loaderText:#ffffff;

  /* EXPORT BUTTON (PDF) – posebna varijanta primarnog gumba */

--btnPdfBg:linear-gradient(180deg,#2457a5,#193766);
--btnPdfBorder:#193766;
--btnPdfText:#ffffff;

  --navBtnBg:rgba(255,255,255,.12);
  --navBtnBorder:rgba(255,255,255,.18);
  --navBtnText:#ffffff;
  --navBtnHoverBg:rgba(255,255,255,.18);
  --navBtnActiveBg:rgba(255,255,255,.24);
  --navBtnActiveBorder:rgba(255,255,255,.30);

  /* =========================
   TITLE BADGES
========================= */

--titleBadgeBg1: rgba(30,86,160,.12);
--titleBadgeBg2: rgba(30,86,160,.05);
--titleBadgeBorder: rgba(30,86,160,.25);
--titleBadgeText: #1e56a0;
  
}

*{ box-sizing:border-box; }

html{
  scroll-behavior:smooth;
}