@media(max-width:760px){
  .module-tabs-unified{
    position:sticky!important;
    top:var(--mobile-topbar-h,56px)!important;
    z-index:92!important;
    margin:0 -2px 10px!important;
    padding:7px!important;
    border-radius:0 0 18px 18px!important;
    background:rgba(245,239,230,.96)!important;
    backdrop-filter:blur(12px)!important;
  }
  .module-tabs-unified .module-tabs{
    display:flex!important;
    grid-template-columns:none!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:7px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .module-tabs-unified .module-tabs::-webkit-scrollbar{display:none}
  .module-tabs-unified .module-tab{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:210px!important;
    min-height:38px!important;
    padding:8px 12px!important;
    white-space:nowrap!important;
    scroll-snap-align:start;
  }
  .documents-command-grid,
  .partners-command-grid,
  .services-command-grid,
  .items-command-grid,
  .stock-command-grid,
  .customers-command-grid,
  .suppliers-command-grid,
  .debt-command-grid,
  .debt-age-grid,
  .report-command-grid,
  body[data-page="expenses"] .expenses-command-grid,
  .dashboard-control-strip{
    display:flex!important;
    grid-template-columns:none!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:10px!important;
    padding:0 1px 8px!important;
    margin-bottom:12px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .documents-command-grid::-webkit-scrollbar,
  .partners-command-grid::-webkit-scrollbar,
  .services-command-grid::-webkit-scrollbar,
  .items-command-grid::-webkit-scrollbar,
  .stock-command-grid::-webkit-scrollbar,
  .customers-command-grid::-webkit-scrollbar,
  .suppliers-command-grid::-webkit-scrollbar,
  .debt-command-grid::-webkit-scrollbar,
  .debt-age-grid::-webkit-scrollbar,
  .report-command-grid::-webkit-scrollbar,
  body[data-page="expenses"] .expenses-command-grid::-webkit-scrollbar,
  .dashboard-control-strip::-webkit-scrollbar{display:none}
  .document-command-card,
  .partner-command-card,
  .service-command-card,
  .item-command-card,
  .stock-command-card,
  .customer-command-card,
  .supplier-command-card,
  .debt-command-card,
  .report-command-card,
  body[data-page="expenses"] .expense-command-card,
  .dashboard-control-card{
    flex:0 0 min(76vw,270px)!important;
    scroll-snap-align:start;
    min-height:104px;
  }
  .work-orders-table,
  .documents-table,
  .customer-documents-table,
  .stock-premium-table,
  .stock-movements-table,
  .services-table,
  .items-premium-table,
  .debt-table,
  .customers-table{
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }

  .work-orders-table table,
  .documents-table table,
  .customer-documents-table table,
  .stock-premium-table table,
  .stock-movements-table table,
  .services-table table,
  .items-premium-table table,
  .debt-table table,
  .customers-table table{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }

  .work-orders-table thead,
  .documents-table thead,
  .customer-documents-table thead,
  .stock-premium-table thead,
  .stock-movements-table thead,
  .services-table thead,
  .items-premium-table thead,
  .debt-table thead,
  .customers-table thead{
    display:none!important;
  }

  .work-orders-table tbody,
  .documents-table tbody,
  .customer-documents-table tbody,
  .stock-premium-table tbody,
  .stock-movements-table tbody,
  .services-table tbody,
  .items-premium-table tbody,
  .debt-table tbody,
  .customers-table tbody{
    display:grid!important;
    gap:10px!important;
  }

  .work-orders-table tr,
  .documents-table tr,
  .customer-documents-table tr,
  .stock-premium-table tr,
  .stock-movements-table tr,
  .services-table tr,
  .items-premium-table tr,
  .debt-table tr,
  .customers-table tr{
    display:block!important;
    border:1px solid rgba(231,220,203,.95)!important;
    border-radius:18px!important;
    background:#fffdf8!important;
    box-shadow:0 10px 28px rgba(32,24,12,.055)!important;
    overflow:hidden!important;
  }

  .work-orders-table td,
  .documents-table td,
  .customer-documents-table td,
  .stock-premium-table td,
  .stock-movements-table td,
  .services-table td,
  .items-premium-table td,
  .debt-table td,
  .customers-table td{
    display:grid!important;
    grid-template-columns:minmax(92px,.42fr) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    min-width:0!important;
    width:100%!important;
    border:0!important;
    border-bottom:1px solid rgba(231,220,203,.82)!important;
    border-radius:0!important;
    background:transparent!important;
    padding:10px 12px!important;
    white-space:normal!important;
  }

  .work-orders-table td:last-child,
  .documents-table td:last-child,
  .customer-documents-table td:last-child,
  .stock-premium-table td:last-child,
  .stock-movements-table td:last-child,
  .services-table td:last-child,
  .items-premium-table td:last-child,
  .debt-table td:last-child,
  .customers-table td:last-child{
    border-bottom:0!important;
  }

  .work-orders-table td:before,
  .documents-table td:before,
  .customer-documents-table td:before,
  .stock-premium-table td:before,
  .stock-movements-table td:before,
  .services-table td:before,
  .items-premium-table td:before,
  .debt-table td:before,
  .customers-table td:before{
    color:#746b60;
    content:"";
    font-size:11px;
    font-weight:950;
    letter-spacing:.04em;
    text-transform:uppercase;
  }

  .work-orders-table td[colspan],
  .documents-table td[colspan],
  .customer-documents-table td[colspan],
  .stock-premium-table td[colspan],
  .stock-movements-table td[colspan],
  .services-table td[colspan],
  .items-premium-table td[colspan],
  .debt-table td[colspan],
  .customers-table td[colspan]{
    display:block!important;
  }
  .work-orders-table td[colspan]:before,
  .documents-table td[colspan]:before,
  .customer-documents-table td[colspan]:before,
  .stock-premium-table td[colspan]:before,
  .stock-movements-table td[colspan]:before,
  .services-table td[colspan]:before,
  .items-premium-table td[colspan]:before,
  .debt-table td[colspan]:before,
  .customers-table td[colspan]:before{
    content:none!important;
  }

  .work-orders-table td.row-actions,
  .documents-table td.row-actions,
  .customer-documents-table td.row-actions,
  .stock-premium-table td.row-actions,
  .stock-movements-table td.row-actions,
  .services-table td.row-actions,
  .items-premium-table td.row-actions,
  .debt-table td.row-actions,
  .customers-table td.row-actions{
    display:block!important;
  }

  .work-orders-table td.row-actions:before,
  .documents-table td.row-actions:before,
  .customer-documents-table td.row-actions:before,
  .stock-premium-table td.row-actions:before,
  .stock-movements-table td.row-actions:before,
  .services-table td.row-actions:before,
  .items-premium-table td.row-actions:before,
  .debt-table td.row-actions:before,
  .customers-table td.row-actions:before{
    display:block;
    margin-bottom:8px;
  }

  .work-orders-table .row-actions,
  .documents-table .row-actions,
  .customer-documents-table .row-actions,
  .stock-premium-table .row-actions,
  .stock-movements-table .row-actions,
  .services-table .row-actions,
  .items-premium-table .row-actions,
  .debt-table .row-actions,
  .customers-table .row-actions{
    min-width:0!important;
    width:100%!important;
    grid-template-columns:1fr!important;
  }

  .work-orders-table .row-actions .btn,
  .documents-table .row-actions .btn,
  .customer-documents-table .row-actions .btn,
  .stock-premium-table .row-actions .btn,
  .stock-movements-table .row-actions .btn,
  .services-table .row-actions .btn,
  .items-premium-table .row-actions .btn,
  .debt-table .row-actions .btn,
  .customers-table .row-actions .btn{
    width:100%!important;
    min-height:40px!important;
  }

  .work-orders-table td:nth-child(1):before{content:"Broj"}
  .work-orders-table td:nth-child(2):before{content:"Kupac"}
  .work-orders-table td:nth-child(3):before{content:"Rok"}
  .work-orders-table td:nth-child(4):before{content:"Status"}
  .work-orders-table td:nth-child(5):before{content:"Fajl"}
  .work-orders-table td:nth-child(6):before{content:"Ukupno"}
  .work-orders-table td:nth-child(7):before{content:"Naplata"}
  .work-orders-table td:nth-child(8):before{content:"Dokument"}
  .work-orders-table td:nth-child(9):before{content:"Akcije"}

  .documents-table td:nth-child(1):before{content:"Dokument"}
  .documents-table td:nth-child(2):before{content:"Kupac"}
  .documents-table td:nth-child(3):before{content:"Datum"}
  .documents-table td:nth-child(4):before{content:"Status"}
  .documents-table td:nth-child(5):before{content:"Plaćanje"}
  .documents-table td:nth-child(6):before{content:"Ukupno"}
  .documents-table td:nth-child(7):before{content:"Akcije"}

  .customer-documents-table td:nth-child(1):before{content:"Datum"}
  .customer-documents-table td:nth-child(2):before{content:"Tip"}
  .customer-documents-table td:nth-child(3):before{content:"Broj"}
  .customer-documents-table td:nth-child(4):before{content:"Ukupno"}
  .customer-documents-table td:nth-child(5):before{content:"Plaćeno"}
  .customer-documents-table td:nth-child(6):before{content:"Status"}

  .stock-premium-table td:nth-child(1):before{content:"Šifra"}
  .stock-premium-table td:nth-child(2):before{content:"Artikal"}
  .stock-premium-table td:nth-child(3):before{content:"Kategorija"}
  .stock-premium-table td:nth-child(4):before{content:"Lokacija"}
  .stock-premium-table td:nth-child(5):before{content:"Stanje"}
  .stock-premium-table td:nth-child(6):before{content:"Minimum"}
  .stock-premium-table td:nth-child(7):before{content:"Nabaviti"}
  .stock-premium-table td:nth-child(8):before{content:"Status"}
  .stock-premium-table td:nth-child(9):before{content:"Vrijednost"}
  .stock-premium-table td:nth-child(10):before{content:"Akcije"}

  .stock-movements-table td:nth-child(1):before{content:"Datum"}
  .stock-movements-table td:nth-child(2):before{content:"Tip"}
  .stock-movements-table td:nth-child(3):before{content:"Kolicina"}
  .stock-movements-table td:nth-child(4):before{content:"Cijena"}
  .stock-movements-table td:nth-child(5):before{content:"Dokument"}
  .stock-movements-table td:nth-child(6):before{content:"Dobavljac"}
  .stock-movements-table td:nth-child(7):before{content:"Napomena"}

  .services-table td:nth-child(1):before{content:"Vrsta"}
  .services-table td:nth-child(2):before{content:"Naziv"}
  .services-table td:nth-child(3):before{content:"Obracun"}
  .services-table td:nth-child(4):before{content:"Cijena"}
  .services-table td:nth-child(5):before{content:"Setup"}
  .services-table td:nth-child(6):before{content:"Min."}
  .services-table td:nth-child(7):before{content:"Status"}
  .services-table td:nth-child(8):before{content:"Akcije"}

  .items-premium-table td:nth-child(1):before{content:"Artikal"}
  .items-premium-table td:nth-child(2):before{content:"Kategorija"}
  .items-premium-table td:nth-child(3):before{content:"Model"}
  .items-premium-table td:nth-child(4):before{content:"Varijanta"}
  .items-premium-table td:nth-child(5):before{content:"Stanje"}
  .items-premium-table td:nth-child(6):before{content:"Min."}
  .items-premium-table td:nth-child(7):before{content:"Prodajna"}
  .items-premium-table td:nth-child(8):before{content:"Akcije"}

  .debt-table td:nth-child(1):before{content:"Broj"}
  .debt-table td:nth-child(2):before{content:"Kupac"}
  .debt-table td:nth-child(3):before{content:"Datum"}
  .debt-table td:nth-child(4):before{content:"Valuta"}
  .debt-table td:nth-child(5):before{content:"Rok"}
  .debt-table td:nth-child(6):before{content:"Ukupno"}
  .debt-table td:nth-child(7):before{content:"Plaćeno"}
  .debt-table td:nth-child(8):before{content:"Otvoreno"}
  .debt-table td:nth-child(9):before{content:"Akcije"}

  .customers-table td:nth-child(1):before{content:"Kupac"}
  .customers-table td:nth-child(2):before{content:"Kontakt"}
  .customers-table td:nth-child(3):before{content:"Promet"}
  .customers-table td:nth-child(4):before{content:"Otvoreno"}
  .customers-table td:nth-child(5):before{content:"Zadnje"}
  .customers-table td:nth-child(6):before{content:"Akcije"}

  body[data-page="dashboard"] .table-wrap.s360-responsive-table,
  body[data-page="pos"] .table-wrap.s360-responsive-table,
  body[data-page="reports"] .table-wrap.s360-responsive-table,
  body[data-page="finance"] .table-wrap.s360-responsive-table,
  body[data-page="expenses"] .table-wrap.s360-responsive-table{
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }

  body[data-page="dashboard"] .table-wrap.s360-responsive-table table,
  body[data-page="pos"] .table-wrap.s360-responsive-table table,
  body[data-page="reports"] .table-wrap.s360-responsive-table table,
  body[data-page="finance"] .table-wrap.s360-responsive-table table,
  body[data-page="expenses"] .table-wrap.s360-responsive-table table{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }

  body[data-page="dashboard"] .table-wrap.s360-responsive-table thead,
  body[data-page="pos"] .table-wrap.s360-responsive-table thead,
  body[data-page="reports"] .table-wrap.s360-responsive-table thead,
  body[data-page="finance"] .table-wrap.s360-responsive-table thead,
  body[data-page="expenses"] .table-wrap.s360-responsive-table thead{
    display:none!important;
  }

  body[data-page="dashboard"] .table-wrap.s360-responsive-table tbody,
  body[data-page="pos"] .table-wrap.s360-responsive-table tbody,
  body[data-page="reports"] .table-wrap.s360-responsive-table tbody,
  body[data-page="finance"] .table-wrap.s360-responsive-table tbody,
  body[data-page="expenses"] .table-wrap.s360-responsive-table tbody{
    display:grid!important;
    gap:10px!important;
  }

  body[data-page="dashboard"] .table-wrap.s360-responsive-table tr,
  body[data-page="pos"] .table-wrap.s360-responsive-table tr,
  body[data-page="reports"] .table-wrap.s360-responsive-table tr,
  body[data-page="finance"] .table-wrap.s360-responsive-table tr,
  body[data-page="expenses"] .table-wrap.s360-responsive-table tr{
    display:block!important;
    border:1px solid rgba(231,220,203,.95)!important;
    border-radius:18px!important;
    background:#fffdf8!important;
    box-shadow:0 10px 28px rgba(32,24,12,.055)!important;
    overflow:hidden!important;
  }

  body[data-page="dashboard"] .table-wrap.s360-responsive-table td,
  body[data-page="pos"] .table-wrap.s360-responsive-table td,
  body[data-page="reports"] .table-wrap.s360-responsive-table td,
  body[data-page="finance"] .table-wrap.s360-responsive-table td,
  body[data-page="expenses"] .table-wrap.s360-responsive-table td{
    display:grid!important;
    grid-template-columns:minmax(94px,.38fr) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    min-width:0!important;
    width:100%!important;
    border:0!important;
    border-bottom:1px solid rgba(231,220,203,.82)!important;
    border-radius:0!important;
    background:transparent!important;
    padding:10px 12px!important;
    white-space:normal!important;
  }

  body[data-page="dashboard"] .table-wrap.s360-responsive-table td:last-child,
  body[data-page="pos"] .table-wrap.s360-responsive-table td:last-child,
  body[data-page="reports"] .table-wrap.s360-responsive-table td:last-child,
  body[data-page="finance"] .table-wrap.s360-responsive-table td:last-child,
  body[data-page="expenses"] .table-wrap.s360-responsive-table td:last-child{
    border-bottom:0!important;
  }

  body[data-page="dashboard"] .table-wrap.s360-responsive-table td[data-s360-label]:before,
  body[data-page="pos"] .table-wrap.s360-responsive-table td[data-s360-label]:before,
  body[data-page="reports"] .table-wrap.s360-responsive-table td[data-s360-label]:before,
  body[data-page="finance"] .table-wrap.s360-responsive-table td[data-s360-label]:before,
  body[data-page="expenses"] .table-wrap.s360-responsive-table td[data-s360-label]:before{
    content:attr(data-s360-label);
    color:#746b60;
    font-size:11px;
    font-weight:950;
    letter-spacing:.04em;
    line-height:1.25;
    text-transform:uppercase;
  }

  body[data-page="dashboard"] .table-wrap.s360-responsive-table td[colspan],
  body[data-page="pos"] .table-wrap.s360-responsive-table td[colspan],
  body[data-page="reports"] .table-wrap.s360-responsive-table td[colspan],
  body[data-page="finance"] .table-wrap.s360-responsive-table td[colspan],
  body[data-page="expenses"] .table-wrap.s360-responsive-table td[colspan]{
    display:block!important;
  }

  body[data-page="dashboard"] .table-wrap.s360-responsive-table td[colspan]:before,
  body[data-page="pos"] .table-wrap.s360-responsive-table td[colspan]:before,
  body[data-page="reports"] .table-wrap.s360-responsive-table td[colspan]:before,
  body[data-page="finance"] .table-wrap.s360-responsive-table td[colspan]:before,
  body[data-page="expenses"] .table-wrap.s360-responsive-table td[colspan]:before{
    content:none!important;
  }

  body[data-page="dashboard"] .table-wrap.s360-responsive-table .row-actions,
  body[data-page="pos"] .table-wrap.s360-responsive-table .row-actions,
  body[data-page="reports"] .table-wrap.s360-responsive-table .row-actions,
  body[data-page="finance"] .table-wrap.s360-responsive-table .row-actions,
  body[data-page="expenses"] .table-wrap.s360-responsive-table .row-actions,
  body[data-page="dashboard"] .table-wrap.s360-responsive-table .actions,
  body[data-page="pos"] .table-wrap.s360-responsive-table .actions,
  body[data-page="reports"] .table-wrap.s360-responsive-table .actions,
  body[data-page="finance"] .table-wrap.s360-responsive-table .actions,
  body[data-page="expenses"] .table-wrap.s360-responsive-table .actions{
    min-width:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body[data-page="dashboard"] .table-wrap.s360-responsive-table .btn,
  body[data-page="pos"] .table-wrap.s360-responsive-table .btn,
  body[data-page="reports"] .table-wrap.s360-responsive-table .btn,
  body[data-page="finance"] .table-wrap.s360-responsive-table .btn,
  body[data-page="expenses"] .table-wrap.s360-responsive-table .btn{
    width:100%!important;
    min-height:40px!important;
  }

  body[data-page="expenses"] .expense-pay-mini{
    display:grid!important;
    gap:8px!important;
    width:100%!important;
  }

  body[data-page="expenses"] .expense-pay-mini select,
  body[data-page="expenses"] .expense-pay-mini button{
    width:100%!important;
  }

  body[data-page="reports"] #kif .table-wrap,
  body[data-page="reports"] #kuf .table-wrap,
  body[data-page="reports"] #journal .table-wrap,
  body[data-page="reports"] #trial_balance .table-wrap{
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body[data-page="reports"] #kif .table-wrap table,
  body[data-page="reports"] #kuf .table-wrap table,
  body[data-page="reports"] #journal .table-wrap table,
  body[data-page="reports"] #trial_balance .table-wrap table,
  body[data-page="reports"] #kif .table-wrap thead,
  body[data-page="reports"] #kuf .table-wrap thead,
  body[data-page="reports"] #journal .table-wrap thead,
  body[data-page="reports"] #trial_balance .table-wrap thead,
  body[data-page="reports"] #kif .table-wrap tbody,
  body[data-page="reports"] #kuf .table-wrap tbody,
  body[data-page="reports"] #journal .table-wrap tbody,
  body[data-page="reports"] #trial_balance .table-wrap tbody,
  body[data-page="reports"] #kif .table-wrap tr,
  body[data-page="reports"] #kuf .table-wrap tr,
  body[data-page="reports"] #journal .table-wrap tr,
  body[data-page="reports"] #trial_balance .table-wrap tr,
  body[data-page="reports"] #kif .table-wrap td,
  body[data-page="reports"] #kuf .table-wrap td,
  body[data-page="reports"] #journal .table-wrap td,
  body[data-page="reports"] #trial_balance .table-wrap td{
    width:100%!important;
    max-width:100%!important;
  }

  body[data-page="reports"] #kif .table-wrap table,
  body[data-page="reports"] #kuf .table-wrap table,
  body[data-page="reports"] #journal .table-wrap table,
  body[data-page="reports"] #trial_balance .table-wrap table{
    display:block!important;
    min-width:0!important;
    border:0!important;
  }

  body[data-page="reports"] #kif .table-wrap thead,
  body[data-page="reports"] #kuf .table-wrap thead,
  body[data-page="reports"] #journal .table-wrap thead,
  body[data-page="reports"] #trial_balance .table-wrap thead{
    display:none!important;
  }

  body[data-page="reports"] #kif .table-wrap tbody,
  body[data-page="reports"] #kuf .table-wrap tbody,
  body[data-page="reports"] #journal .table-wrap tbody,
  body[data-page="reports"] #trial_balance .table-wrap tbody{
    display:grid!important;
    gap:10px!important;
  }

  body[data-page="reports"] #kif .table-wrap tr,
  body[data-page="reports"] #kuf .table-wrap tr,
  body[data-page="reports"] #journal .table-wrap tr,
  body[data-page="reports"] #trial_balance .table-wrap tr{
    display:block!important;
    border:1px solid rgba(231,220,203,.95)!important;
    border-radius:14px!important;
    background:#fffdf9!important;
    box-shadow:0 8px 20px rgba(44,36,26,.06)!important;
    overflow:hidden!important;
  }

  body[data-page="reports"] #kif .table-wrap td,
  body[data-page="reports"] #kuf .table-wrap td,
  body[data-page="reports"] #journal .table-wrap td,
  body[data-page="reports"] #trial_balance .table-wrap td{
    display:grid!important;
    grid-template-columns:minmax(94px,.38fr) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    min-width:0!important;
    border:0!important;
    border-bottom:1px solid rgba(231,220,203,.82)!important;
    border-radius:0!important;
    background:transparent!important;
    padding:10px 12px!important;
    white-space:normal!important;
  }

  body[data-page="reports"] #kif .table-wrap td:before,
  body[data-page="reports"] #kuf .table-wrap td:before,
  body[data-page="reports"] #journal .table-wrap td:before,
  body[data-page="reports"] #trial_balance .table-wrap td:before{
    color:#746b60;
    font-size:11px;
    font-weight:950;
    letter-spacing:.04em;
    line-height:1.25;
    text-transform:uppercase;
  }

  body[data-page="reports"] #kif .table-wrap td:last-child,
  body[data-page="reports"] #kuf .table-wrap td:last-child,
  body[data-page="reports"] #journal .table-wrap td:last-child,
  body[data-page="reports"] #trial_balance .table-wrap td:last-child{
    border-bottom:0!important;
  }

  body[data-page="reports"] #kif .table-wrap td[colspan],
  body[data-page="reports"] #kuf .table-wrap td[colspan],
  body[data-page="reports"] #journal .table-wrap td[colspan],
  body[data-page="reports"] #trial_balance .table-wrap td[colspan]{
    display:block!important;
  }

  body[data-page="reports"] #kif .table-wrap td[colspan]:before,
  body[data-page="reports"] #kuf .table-wrap td[colspan]:before,
  body[data-page="reports"] #journal .table-wrap td[colspan]:before,
  body[data-page="reports"] #trial_balance .table-wrap td[colspan]:before{
    content:none!important;
  }

  body[data-page="reports"] #kif .table-wrap .btn,
  body[data-page="reports"] #kuf .table-wrap .btn{
    width:100%!important;
    min-height:40px!important;
  }

  body[data-page="reports"] #kif .table-wrap td:nth-child(1):before,
  body[data-page="reports"] #kuf .table-wrap td:nth-child(1):before,
  body[data-page="reports"] #journal .table-wrap td:nth-child(1):before{content:"Datum";}
  body[data-page="reports"] #kif .table-wrap td:nth-child(2):before,
  body[data-page="reports"] #kuf .table-wrap td:nth-child(2):before,
  body[data-page="reports"] #journal .table-wrap td:nth-child(2):before{content:"Objekat";}
  body[data-page="reports"] #kif .table-wrap td:nth-child(3):before{content:"Tip";}
  body[data-page="reports"] #kuf .table-wrap td:nth-child(3):before{content:"Dobavljac";}
  body[data-page="reports"] #journal .table-wrap td:nth-child(3):before{content:"Izvor";}
  body[data-page="reports"] #kif .table-wrap td:nth-child(4):before{content:"Broj";}
  body[data-page="reports"] #kuf .table-wrap td:nth-child(4):before{content:"Faktura";}
  body[data-page="reports"] #journal .table-wrap td:nth-child(4):before{content:"Broj";}
  body[data-page="reports"] #kif .table-wrap td:nth-child(5):before,
  body[data-page="reports"] #kuf .table-wrap td:nth-child(5):before,
  body[data-page="reports"] #journal .table-wrap td:nth-child(5):before{content:"Konto";}
  body[data-page="reports"] #kif .table-wrap td:nth-child(6):before{content:"Fiskalni";}
  body[data-page="reports"] #kuf .table-wrap td:nth-child(6):before{content:"Kategorija";}
  body[data-page="reports"] #journal .table-wrap td:nth-child(6):before{content:"Opis";}
  body[data-page="reports"] #kif .table-wrap td:nth-child(7):before{content:"Kupac";}
  body[data-page="reports"] #kuf .table-wrap td:nth-child(7):before{content:"Opis";}
  body[data-page="reports"] #journal .table-wrap td:nth-child(7):before{content:"Duguje";}
  body[data-page="reports"] #kif .table-wrap td:nth-child(8):before{content:"ID/PDV";}
  body[data-page="reports"] #kuf .table-wrap td:nth-child(8):before{content:"Osnovica";}
  body[data-page="reports"] #journal .table-wrap td:nth-child(8):before{content:"Potrazuje";}
  body[data-page="reports"] #kif .table-wrap td:nth-child(9):before{content:"Osnovica";}
  body[data-page="reports"] #kuf .table-wrap td:nth-child(9):before{content:"PDV";}
  body[data-page="reports"] #kif .table-wrap td:nth-child(10):before{content:"PDV";}
  body[data-page="reports"] #kuf .table-wrap td:nth-child(10):before{content:"Ukupno";}
  body[data-page="reports"] #kif .table-wrap td:nth-child(11):before{content:"Ukupno";}
  body[data-page="reports"] #kuf .table-wrap td:nth-child(11):before{content:"Odbitni";}
  body[data-page="reports"] #kif .table-wrap td:nth-child(12):before,
  body[data-page="reports"] #kuf .table-wrap td:nth-child(12):before{content:"Akcije";}

  body[data-page="reports"] #trial_balance .table-wrap td:nth-child(1):before{content:"Konto";}
  body[data-page="reports"] #trial_balance .table-wrap td:nth-child(2):before{content:"Naziv";}
  body[data-page="reports"] #trial_balance .table-wrap td:nth-child(3):before{content:"Duguje";}
  body[data-page="reports"] #trial_balance .table-wrap td:nth-child(4):before{content:"Potrazuje";}
  body[data-page="reports"] #trial_balance .table-wrap td:nth-child(5):before{content:"Saldo";}
  body[data-page="reports"] #trial_balance .table-wrap td:nth-child(6):before{content:"Strana";}

  body[data-page="reports"] :where(#zakljucak, #kontrola, #zavrsni, #pregled > section.card.soft:nth-of-type(1), #pregled > section.card.soft:nth-of-type(2), #pregled > section.card.soft:nth-of-type(4)) .table-wrap{
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body[data-page="reports"] :where(#zakljucak, #kontrola, #zavrsni, #pregled > section.card.soft:nth-of-type(1), #pregled > section.card.soft:nth-of-type(2), #pregled > section.card.soft:nth-of-type(4)) .table-wrap :where(table, thead, tbody, tr, td, tbody th){
    width:100%!important;
    max-width:100%!important;
  }

  body[data-page="reports"] :where(#zakljucak, #kontrola, #zavrsni, #pregled > section.card.soft:nth-of-type(1), #pregled > section.card.soft:nth-of-type(2), #pregled > section.card.soft:nth-of-type(4)) .table-wrap table{
    display:block!important;
    min-width:0!important;
    border:0!important;
  }

  body[data-page="reports"] :where(#zakljucak, #kontrola, #zavrsni, #pregled > section.card.soft:nth-of-type(1), #pregled > section.card.soft:nth-of-type(2), #pregled > section.card.soft:nth-of-type(4)) .table-wrap thead{
    display:none!important;
  }

  body[data-page="reports"] :where(#zakljucak, #kontrola, #zavrsni, #pregled > section.card.soft:nth-of-type(1), #pregled > section.card.soft:nth-of-type(2), #pregled > section.card.soft:nth-of-type(4)) .table-wrap tbody{
    display:grid!important;
    gap:10px!important;
  }

  body[data-page="reports"] :where(#zakljucak, #kontrola, #zavrsni, #pregled > section.card.soft:nth-of-type(1), #pregled > section.card.soft:nth-of-type(2), #pregled > section.card.soft:nth-of-type(4)) .table-wrap tr{
    display:block!important;
    border:1px solid rgba(231,220,203,.95)!important;
    border-radius:14px!important;
    background:#fffdf9!important;
    box-shadow:0 8px 20px rgba(44,36,26,.06)!important;
    overflow:hidden!important;
  }

  body[data-page="reports"] :where(#zakljucak, #kontrola, #zavrsni, #pregled > section.card.soft:nth-of-type(1), #pregled > section.card.soft:nth-of-type(2), #pregled > section.card.soft:nth-of-type(4)) .table-wrap :where(td, tbody th){
    display:grid!important;
    grid-template-columns:minmax(94px,.38fr) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    min-width:0!important;
    border:0!important;
    border-bottom:1px solid rgba(231,220,203,.82)!important;
    border-radius:0!important;
    background:transparent!important;
    padding:10px 12px!important;
    text-align:left!important;
    white-space:normal!important;
  }

  body[data-page="reports"] :where(#zakljucak, #kontrola, #zavrsni, #pregled > section.card.soft:nth-of-type(1), #pregled > section.card.soft:nth-of-type(2), #pregled > section.card.soft:nth-of-type(4)) .table-wrap :where(td, tbody th):before{
    color:#746b60;
    font-size:11px;
    font-weight:950;
    letter-spacing:.04em;
    line-height:1.25;
    text-transform:uppercase;
  }

  body[data-page="reports"] :where(#zakljucak, #kontrola, #zavrsni, #pregled > section.card.soft:nth-of-type(1), #pregled > section.card.soft:nth-of-type(2), #pregled > section.card.soft:nth-of-type(4)) .table-wrap :where(td, tbody th):last-child{
    border-bottom:0!important;
  }

  body[data-page="reports"] :where(#zakljucak, #kontrola, #zavrsni, #pregled > section.card.soft:nth-of-type(1), #pregled > section.card.soft:nth-of-type(2), #pregled > section.card.soft:nth-of-type(4)) .table-wrap td[colspan]{
    display:block!important;
  }

  body[data-page="reports"] :where(#zakljucak, #kontrola, #zavrsni, #pregled > section.card.soft:nth-of-type(1), #pregled > section.card.soft:nth-of-type(2), #pregled > section.card.soft:nth-of-type(4)) .table-wrap td[colspan]:before{
    content:none!important;
  }

  body[data-page="reports"] #zakljucak .table-wrap :where(td, tbody th):nth-child(1):before,
  body[data-page="reports"] #zavrsni .table-wrap :where(td, tbody th):nth-child(1):before{content:"Stavka";}
  body[data-page="reports"] #zakljucak .table-wrap :where(td, tbody th):nth-child(2):before,
  body[data-page="reports"] #kontrola .table-wrap td:nth-child(2):before{content:"Status";}
  body[data-page="reports"] #zakljucak .table-wrap :where(td, tbody th):nth-child(3):before{content:"Vrijednost";}
  body[data-page="reports"] #zakljucak .table-wrap :where(td, tbody th):nth-child(4):before{content:"Šta znači";}

  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(1) .table-wrap td:nth-child(1):before{content:"Vrsta";}
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(1) .table-wrap td:nth-child(2):before{content:"Stavki";}
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(1) .table-wrap td:nth-child(3):before,
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(2) .table-wrap td:nth-child(4):before{content:"Kolicina";}
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(1) .table-wrap td:nth-child(4):before,
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(2) .table-wrap td:nth-child(5):before,
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(4) .table-wrap td:nth-child(3):before{content:"Osnovica";}
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(1) .table-wrap td:nth-child(5):before,
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(4) .table-wrap td:nth-child(4):before{content:"PDV";}
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(1) .table-wrap td:nth-child(6):before,
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(4) .table-wrap td:nth-child(5):before{content:"Ukupno";}

  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(2) .table-wrap td:nth-child(1):before{content:"Stavka";}
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(2) .table-wrap td:nth-child(2):before{content:"Vrsta";}
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(2) .table-wrap td:nth-child(3):before{content:"Grupa";}
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(2) .table-wrap td:nth-child(6):before{content:"Nabavna";}
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(2) .table-wrap td:nth-child(7):before{content:"Marza";}

  body[data-page="reports"] #kontrola .table-wrap td:nth-child(1):before{content:"Provjera";}
  body[data-page="reports"] #kontrola .table-wrap td:nth-child(3):before{content:"Broj";}
  body[data-page="reports"] #kontrola .table-wrap td:nth-child(4):before{content:"Napomena";}

  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(4) .table-wrap td:nth-child(1):before{content:"Kategorija";}
  body[data-page="reports"] #pregled > section.card.soft:nth-of-type(4) .table-wrap td:nth-child(2):before{content:"Unosa";}

  body[data-page="reports"] #zavrsni .table-wrap :where(td, tbody th):nth-child(2):before{content:"Iznos";}
  body[data-page="reports"] #zavrsni .table-wrap :where(td, tbody th):nth-child(3):before{content:"Objasnjenje";}
}