/*NAPOMENA: mobilni prikazi, lomljena i posebni layout*/

@media (max-width: 1200px){
  .kpiBoard{
    grid-template-columns:1fr;
    gap:12px;
  }

  .statsStatsLayout{
    grid-template-columns:1fr;
  }

  .chartCard-awardsFull,
  .chartCard-topLeft,
  .tableCard-topRight{
    grid-column:auto;
  }

  .kpiCol-mid,
  .kpiCol-total{
    padding-left:0;
  }

  .kpiCol-mid::before,
  .kpiCol-total::before{
    display:none;
  }

  .kpiCol-awards,
  .kpiCol-mid,
  .kpiCol-total{
    grid-template-rows:none;
  }
}

/* LEGACY SIDEBAR RESPONSIVE – ostavljeno dok se potpuno ne ukloni stari layout */

@media (max-width: 980px){
  :root{
    --sidebarW:100%;
  }

  .container{
    flex-direction:column;
  }

  .sidebar{
    position:relative;
    top:0;
    width:100%;
    bottom:auto;
    border-right:1px solid rgba(255,255,255,.10);
  }

  .main{
    margin-left:0;
    width:100%;
    padding-top:10px;
  }
}



@media (max-width: 700px){
  .kpiNum{
    font-size:22px;
  }

  .kpiCard{
    min-height:78px;
    padding:12px;
  }
}

@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior:auto;
  }

  body,
  .topNavLink,
  header.topHeader,
  .sidebar,
  .main,
  .card,
  .tableCard,
  .chartCard,
  .table-wrap,
  .kpiBoard,
  .kpiCard,
  .barFill,
  .barSeg,
  .barSegTop{
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }
}