.daterangepicker select.ampmselect, .daterangepicker select.minuteselect, .daterangepicker select.hourselect, .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    border-radius: 0.475rem;
    background-color: #f5f8fa !important;
    border-color: transparent;
    color: #b2b7ba !important;
    font-weight: 500;
    outline: 0 !important;
}

.clickableRow:hover {
    background-color: #eee;
    cursor:pointer;
}

.clickableRow:focus {
    background-color: #eee;
}

.table-window{
    border: solid #b2b7ba 1px ;
    border-radius: 3px;
}

.table-window.invalid{
    border: solid red 1px !important;
}

/* table > div {
    max-width: 650px !important; 
} */

.scroll-items{
    margin-top: 0%;
    padding-top: 0%;
    max-height: 20em;
    width: 100%;
   overflow-y: scroll; 
}

.scroll-items-header > thead, tr{
    /* position:sticky !important; */
    /* top: 0; */
    /* background-color:white; */
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 0%;
    padding-bottom: 0%;
}

.scroll-items > tbody, tr {
    display:table;
    width:100%;
    table-layout: fixed;
}

.scroll-items > tbody > tr {
    border-bottom:#b2b7ba dashed 1px !important;
}

.form-control:disabled{
    color:#00000030!important;
}
.select2-container--disabled > .selection > .select2-selection > .select2-selection__rendered {
    color:#00000030!important;
}

.card .card-header.document-card{
    min-height:25px;
}

.outOfDate{
    background-color: rgba(255, 193, 7, 0.08) !important;
}
tr.outOfDate.evenTableRowColor,
tr.outOfDate.oddTableRowColor {
    background-color: rgba(255, 193, 7, 0.08) !important;
    border-left: 3px solid #ffc107 !important;
    position: relative;
}
tr.outOfDate td {
    border: none !important;
}
tr.outOfDate td:first-child {
    padding-left: 10px !important;
}
tr.outOfDate:hover {
    background-color: rgba(255, 193, 7, 0.12) !important;
}
.outOfDate .form-check-input{
    border: 1px solid #a2a2a2 !important;
}
.outOfDate .form-check{
    display:inline-flex;
}
.itemActionWrapper{
    display:flex;
    align-items: center;
    max-width:100%;
    flex-wrap:wrap;
}
.itemActionWrapper button{
    max-width:40px;
    max-height:40px;
}
.form-control.form-control-solid:focus{
    background-color:#e0e2e2 !important;
}

.form-select.form-select-solid:focus{
    background-color:#e0e2e2 !important;
}

.form-check.form-check-solid .form-check-input:focus {
    background-color:#e0e2e2 !important;
}

.btn-check:active+.btn.btn-primary, .btn-check:checked+.btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show>.btn.btn-primary {
    background-color: #026ba3!important;
}

.menu-title-bright.text-uppercase{
    color:#d1d1d1 !important;
}

.superWideModal{
    max-width: 70%;
}
.superWideModal>.modal-content>form>.modal-body{
    background-color: rgb(230, 230, 230) !important;
}

.svg-icon.svg-icon-2 svg {
    height: 2rem!important;
    width: 2.5rem!important;
}

.menu-item .menu-link .menu-icon{
    width: 3rem !important;
}

.aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: #3699FF !important;
}
.aside-dark .menu .menu-item .menu-link .menu-icon, .aside-dark .menu .menu-item .menu-link .menu-icon .svg-icon, .aside-dark .menu .menu-item .menu-link .menu-icon i {
    color: #494b74 !important;
}

.form-check.form-check-solid.form-toggle .form-check-input:checked {
    background-color:#98e8cf !important;
    border-color:#98e8cf !important;
}
.form-check.form-check-solid.form-toggle .form-check-input {
    background-color:#e898ac !important;
    border-color:#e898ac !important;
}
.form-check.form-check-solid .form-check-input:checked:focus{
    background-color: #009ef7 !important;
}

.searchInputContainer .form-check.form-check-solid.form-toggle .form-check-input:checked {
    background-color:#009ef7 !important;
    border-color:#009ef7 !important;
}
.searchInputContainer .form-check.form-check-solid.form-toggle .form-check-input {
    background-color:#009ef7 !important;
    border-color:#009ef7 !important;
}
.searchInputContainer .form-check.form-check-solid .form-check-input:checked:focus{
    background-color: #009ef7 !important;
}

a.btn-danger{
    background-color:#df5e7e !important;    
}

a.btn-info{
    background-color: #a9a7a7 !important;
}
a.btn.btn-icon.btn-info:hover, button.btn.btn-icon.btn-info:hover{
    background-color: #939393 !important;
}
.btn-info:hover > i{
    color: rgb(255, 255, 255) !important;
}

#kt_footer.ensure_footer_bottom{
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.containerScrollable>table>thead{
    position: sticky !important;
    top:110px !important;
    z-index:10 !important;
    background-color: white !important;
}

.sourceRow{
    background-color: #e8e4e4;
    display: flex;
    justify-content: center;
}

/* .recapitulationTable{
    table-layout: auto !important;
} */

.recapitulationTable th{
    word-wrap: normal;
}

.menu-sub-item .menu-link{
    padding-left:40px !important;
}

#kt_footer{
    min-height:3vh;
}
#kt_content_container{
    min-height: calc(97vh - 185px);
    margin-bottom:25px;
}
.dashboardContainer{
    min-height: calc(97vh - 125px) !important;
}

.btnPrimaryDarkerFocus:focus{
    background-color: #026ba3 !important;
}

.aside-menu .menu .menu-item .menu-content, .aside-menu .menu .menu-item .menu-link {
    padding-left: 20px;
    padding-right: 25px;
}

.actionsWrapper{
    display:flex !important;
    /* justify-content: center !important; */
}

.affectPriceContainer .form-check.form-check-solid .form-check-input:focus-visible {
    background-color: rgb(133, 204, 237) !important;
}

.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered {
    color: #5e6278;
    margin-right: 16px;
}
.table td > popper-content *, .table th popper-content *{
    font-weight:normal !important;
    font-size:13px !important;
    text-transform: none !important;
}

.productRow{
  border-top:groove !important;
  border-bottom:groove #e2e2e254 !important;
}
.rawRow{
  font-style:italic;
}

@media (max-width: 1300px) {

    .fs-1,
    h1 {
      font-size: 1.25rem !important;
    }
  
    .fs-7 {
      font-size: 0.85rem !important;
    }
  
    .btn {
      padding: 8px 12px !important;
      font-size: 0.85rem !important;
    }
  
    .notFoundText {
      font-size: 0.85rem !important;
    }
  
    .py-5 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }
  
    .fs-3 {
      font-size: 1.1rem !important;
    }
  
    .select2-results__option {
      font-size: 0.85rem !important;
    }
  
    .select2-search__field {
      font-size: 0.85rem !important;
    }
  
    .mb-10 {
      margin-bottom: 1.0rem !important;
    }
  
    .page-link {
      font-size: 0.85rem !important;
      height: 2rem !important;
      max-width: 2rem !important;
      min-width: 2rem !important;
    }
  
    .pageSizeSelect {
      font-size: 0.85rem !important;
    }
  
    .inputIcon {
      margin-left: 1rem !important;
    }
  
    .inputSearch {
      font-size: 0.85rem !important;
      max-width: 180px !important;
      padding-left: 2.8rem !important;
    }
  
    .btn-icon {
      height: 32px !important;
      width: 32px !important;
    }
  
    .dateRangePicker {
      font-size: 0.85rem !important;
      max-width: 260px !important;
      padding-left: 2.8rem !important;
    }
  
    .form-select-solid {
      font-size: 0.85rem !important;
    }
  
    .select2-selection__placeholder {
      font-size: 0.85rem !important;
    }
  
    .daterangepicker .drp-calendar th {
      font-size: 0.85rem !important;
    }
  
    .daterangepicker .drp-calendar td {
      font-size: 0.85rem !important;
    }
  
    .details-title {
      font-size: 1.2rem !important;
    }
  
    .details-label {
      font-size: 0.85rem !important;
    }
  
    .details-value {
      font-size: 0.85rem !important;
    }
  
    .details-row {
      padding: 8px 12px;
    }
  
    .details-section{
      margin-bottom:16px!important;
    }
  
    .payment-info{
      margin-top:0px!important;
    }
  
    .details-header{
      padding-bottom: 0px !important;
      margin-bottom: 12px !important;
    }
  
    .mt-4{
      margin-top:4px!important;
    }
  }

/* Sidebar scaling - adjust toolbar and header position based on sidebar width */
/* Initial left position based on default sidebar width (265px) and scale */
.aside-enabled.aside-fixed.toolbar-fixed .toolbar,
#kt_toolbar,
#kt_header {
    left: calc(265px * var(--sidebar-scale, 1)) !important;
    transition: left 0s !important; /* Bez animacije za brže postavljanje */
}

/* Tab styles for light mode */
.tab-bar {
  background: #f5f8fa !important;
  border-bottom: 1px solid #e4e6ef !important;
}

.tab-bar::-webkit-scrollbar-track {
  background: #f5f8fa !important;
}

.tab-item {
  background: #f5f8fa !important;
}

.tab-item .tab-title {
  color: #3f4254 !important;
}

.tab-item.active {
  background: #ffffff !important;
}

.tab-item.active .tab-title {
  color: #3699ff !important;
}

.tab-item:hover {
  background: #ebedf3 !important;
}

/* Settings page light mode styles */
.setting-item {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  background-color: #ffffff;
}

.setting-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #181c32;
}

.option-card {
  border: 2px solid #b5b5c3;
  background: white;
  background-color: white;
}

.option-card:hover {
  border-color: #009ef7;
  background: rgba(0, 158, 247, 0.05);
  background-color: rgba(0, 158, 247, 0.05);
}

.option-card.active {
  border-color: #80c9ff;
  background: rgba(0, 158, 247, 0.1);
  background-color: rgba(0, 158, 247, 0.1);
}

/* Sales Tables Row Colors - Light Mode */
.modern-paid-invoices-table tbody tr.odd-row {
    background-color: #ffffff;
}

.modern-paid-invoices-table tbody tr.even-row {
    background-color: #f8f9fa;
}

.modern-unpaid-invoices-table tbody tr.odd-row {
    background-color: #ffffff;
}

.modern-unpaid-invoices-table tbody tr.even-row {
    background-color: #f8f9fa;
}

/* Sales Tables Text Colors - Light Mode */
.modern-paid-invoices-table .doc-number {
    color: #181c32;
}

.modern-paid-invoices-table .customer-name {
    color: #181c32;
}

.modern-unpaid-invoices-table .doc-number {
    color: #181c32;
}

.modern-unpaid-invoices-table .customer-name {
    color: #181c32;
}

/* Retail Summary Card - Light Mode */
.retail-detail-item {
    background-color: #f8f9fa;
}

.retail-detail-item:hover {
    background-color: #e9ecef;
}

.retail-detail-label {
    color: #5e6278;
}

.retail-detail-value {
    color: #181c32;
}

/* Inventory Tables Text Colors - Light Mode */
.modern-warehouse-discharge-table .article-name {
    color: #181c32;
}

.modern-warehouse-discharge-table .value-text {
    color: #5e6278;
}

.modern-stocktaking-differences-table .difference-number {
    color: #181c32;
}

.modern-stocktaking-differences-table .value-text {
    color: #5e6278;
}

/* Operator Chart Container Light Mode */
.operator-chart-container {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
}

/* Most Sold Articles Item Light Mode */
.most-sold-item {
    background: #f8f9fa;
}

.most-sold-item:hover {
    background: #ffffff;
}

/* Payment Type Selector Light Mode */
.payment-type-selector-wrapper {
    background: #ffffff;
}

.payment-type-button {
    background: #ffffff;
}

.payment-type-button:hover {
    background: #f1faff;
}

.payment-type-button-inactive {
    background: #ffffff;
}

/* Retail Place and Point of Sale Chart Containers Light Mode */
.retail-place-chart-container {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
}

.point-of-sale-chart-container {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
}

/* User Role Cards Light Mode */
.user-role-card {
    background-color: #ffffff;
}

/* Procurement Cards Styles - Light Mode */
.procurement-card {
    border: none;
    border-radius: 1rem;
    overflow: hidden;
    transition: all 0.3s ease;
    min-height: 180px;
    position: relative;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.procurement-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.procurement-card .card-body {
    padding: 2.5rem;
    position: relative;
    z-index: 1;
}

.procurement-card-total {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #9b59b6 100%);
    min-height: 200px;
}

.procurement-card-paid {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}

.procurement-card-debt {
    background: linear-gradient(135deg, #eb3349 0%, #f45c43 100%);
}

.procurement-card-percentage {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.procurement-icon-wrapper {
    width: 56px;
    height: 56px;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
}

.procurement-icon-wrapper .svg-icon {
    color: #ffffff;
}

.procurement-icon-wrapper .svg-icon svg {
    width: 40px;
    height: 40px;
}

.procurement-value {
    font-size: 1.875rem;
    font-weight: 700;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    letter-spacing: -0.5px;
}

.procurement-label {
    font-size: 0.875rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

@media (max-width: 768px) {
    .procurement-card .card-body {
        padding: 1.5rem;
    }

    .procurement-value {
        font-size: 1.5rem;
    }

    .procurement-icon-wrapper {
        width: 48px;
        height: 48px;
    }

    .procurement-icon-wrapper .svg-icon svg {
        width: 32px;
        height: 32px;
    }
}

/* Inventory Tables Row Colors - Light Mode */
.modern-warehouse-discharge-table tbody tr.odd-row {
    background-color: #ffffff;
}

.modern-warehouse-discharge-table tbody tr.even-row {
    background-color: #f8f9fa;
}

.modern-stocktaking-differences-table tbody tr.odd-row {
    background-color: #ffffff;
}

.modern-stocktaking-differences-table tbody tr.even-row {
    background-color: #f8f9fa;
}

/* Procurement Table Cards - Light Mode */
.procurement-table-card {
    border: none !important;
    border-radius: 1rem !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.procurement-table-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

.procurement-table-card .card-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-bottom: 2px solid #e9ecef !important;
    padding: 1.5rem 2rem !important;
}

.procurement-articles-card .card-header {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    border-bottom: 2px solid #90caf9 !important;
}

.procurement-suppliers-card .card-header {
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%) !important;
    border-bottom: 2px solid #ffcc80 !important;
}

.procurement-table-card .card-label {
    color: #181c32 !important;
    font-family: 'Poppins', sans-serif !important;
}

.procurement-table-card .text-muted {
    color: #5e6278 !important;
}

.procurement-table-card .card-body {
    background: #ffffff !important;
    padding: 1.5rem 2rem !important;
}

.procurement-table-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-radius: 0.5rem !important;
}

.procurement-articles-card .procurement-table-header {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
}

.procurement-suppliers-card .procurement-table-header {
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%) !important;
}

.procurement-table-header th {
    color: #181c32 !important;
    font-weight: 600 !important;
    padding: 1rem !important;
    border: none !important;
    font-family: 'Poppins', sans-serif !important;
}

.procurement-table tbody tr {
    transition: all 0.2s ease !important;
    border-bottom: 1px solid #f1f1f2 !important;
}

.procurement-table tbody tr:hover {
    background-color: #f8f9fa !important;
    transform: scale(1.01) !important;
}

.procurement-articles-card .procurement-table tbody tr:hover {
    background-color: #e3f2fd !important;
}

.procurement-suppliers-card .procurement-table tbody tr:hover {
    background-color: #fff3e0 !important;
}

.procurement-table tbody td {
    padding: 1rem !important;
    vertical-align: middle !important;
}

.procurement-table .text-dark {
    color: #181c32 !important;
    font-family: 'Poppins', sans-serif !important;
}

.procurement-table .text-muted {
    color: #5e6278 !important;
    font-family: 'Poppins', sans-serif !important;
}

.procurement-table .text-hover-primary:hover {
    color: #009ef7 !important;
    transition: color 0.2s ease !important;
}

.procurement-articles-card .procurement-table .text-hover-primary:hover {
    color: #2196f3 !important;
}

.procurement-suppliers-card .procurement-table .text-hover-primary:hover {
    color: #ff9800 !important;
}

.procurement-table .progress {
    height: 8px !important;
    border-radius: 0.5rem !important;
    background-color: #f1f1f2 !important;
}

.procurement-table .progress-bar {
    border-radius: 0.5rem !important;
    background: linear-gradient(90deg, #009ef7 0%, #00b8ff 100%) !important;
}

.procurement-articles-card .progress-bar {
    background: linear-gradient(90deg, #2196f3 0%, #42a5f5 100%) !important;
}

.procurement-suppliers-card .progress-bar {
    background: linear-gradient(90deg, #ff9800 0%, #ffb74d 100%) !important;
}

.procurement-table-card h6 {
    color: #5e6278 !important;
    font-family: 'Poppins', sans-serif !important;
    text-align: center !important;
    padding: 2rem !important;
}

#pagination-controls {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 1rem !important;
    margin-top: 1.5rem !important;
    padding: 1rem !important;
}

#pagination-controls button {
    border-radius: 0.5rem !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

#pagination-controls button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 158, 247, 0.3) !important;
}

#page-info {
    color: #5e6278 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
}

/* Finance Cards Styles - Light Mode */
.finance-card {
    border: none !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    min-height: 180px !important;
    position: relative !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.finance-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

.finance-card .card-body {
    padding: 2.5rem !important;
    position: relative !important;
    z-index: 1 !important;
}

.finance-card-incoming-doc {
    background: linear-gradient(135deg, #2196f3 0%, #42a5f5 100%) !important;
}

.finance-card-incoming-total {
    background: linear-gradient(135deg, #0d47a1 0%, #1976d2 100%) !important;
}

.finance-card-incoming-discount {
    background: linear-gradient(135deg, #0288d1 0%, #03a9f4 100%) !important;
}

.finance-card-incoming-tax {
    background: linear-gradient(135deg, #01579b 0%, #0277bd 100%) !important;
}

.finance-card-outgoing-doc {
    background: linear-gradient(135deg, #424242 0%, #616161 100%) !important;
}

.finance-card-outgoing-total {
    background: linear-gradient(135deg, #212121 0%, #424242 100%) !important;
}

.finance-card-outgoing-discount {
    background: linear-gradient(135deg, #37474f 0%, #546e7a 100%) !important;
}

.finance-card-outgoing-tax {
    background: linear-gradient(135deg, #263238 0%, #37474f 100%) !important;
}

.finance-icon-wrapper {
    width: 56px !important;
    height: 56px !important;
    border-radius: 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    flex-shrink: 0 !important;
}

.finance-icon-wrapper .svg-icon {
    color: #ffffff !important;
}

.finance-icon-wrapper .svg-icon svg {
    width: 40px !important;
    height: 40px !important;
}

.finance-value {
    font-size: 1.875rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
    letter-spacing: -0.5px !important;
}

.finance-label {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-family: 'Poppins', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

@media (max-width: 768px) {
    .finance-card .card-body {
        padding: 1.5rem !important;
    }

    .finance-value {
        font-size: 1.5rem !important;
    }

    .finance-icon-wrapper {
        width: 48px !important;
        height: 48px !important;
    }

    .finance-icon-wrapper .svg-icon svg {
        width: 32px !important;
        height: 32px !important;
    }
}

/* Finance Table Cards - Light Mode */
.finance-table-card {
    border: none !important;
    border-radius: 1rem !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.finance-table-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

.finance-table-card .card-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-bottom: 2px solid #e9ecef !important;
    padding: 1.5rem 2rem !important;
}

.finance-suppliers-card .card-header {
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%) !important;
    border-bottom: 2px solid #ffcc80 !important;
}

.finance-customers-card .card-header {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%) !important;
    border-bottom: 2px solid #a5d6a7 !important;
}

.finance-table-card .card-label {
    color: #181c32 !important;
    font-family: 'Poppins', sans-serif !important;
}

.finance-table-card .card-body {
    background: #ffffff !important;
    padding: 1.5rem 2rem !important;
}

.finance-table-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-radius: 0.5rem !important;
}

.finance-suppliers-card .finance-table-header {
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%) !important;
}

.finance-customers-card .finance-table-header {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%) !important;
}

.finance-table-header th {
    color: #181c32 !important;
    font-weight: 600 !important;
    padding: 1rem !important;
    border: none !important;
    font-family: 'Poppins', sans-serif !important;
}

.finance-table tbody tr {
    transition: all 0.2s ease !important;
    border-bottom: 1px solid #f1f1f2 !important;
}

.finance-table tbody tr:hover {
    background-color: #f8f9fa !important;
    transform: scale(1.01) !important;
}

.finance-suppliers-card .finance-table tbody tr:hover {
    background-color: #fff3e0 !important;
}

.finance-customers-card .finance-table tbody tr:hover {
    background-color: #e8f5e9 !important;
}

.finance-table tbody td {
    padding: 1rem !important;
    vertical-align: middle !important;
}

.finance-table .text-dark {
    color: #181c32 !important;
    font-family: 'Poppins', sans-serif !important;
}

.finance-table-card h6 {
    color: #5e6278 !important;
    font-family: 'Poppins', sans-serif !important;
    text-align: center !important;
    padding: 2rem !important;
}

.finance-table .text-hover-primary:hover {
    color: #009ef7 !important;
    transition: color 0.2s ease !important;
}

.finance-suppliers-card .finance-table .text-hover-primary:hover {
    color: #ff9800 !important;
}

.finance-customers-card .finance-table .text-hover-primary:hover {
    color: #4caf50 !important;
}

/* Items Table Styles - Light Mode */
.items-table th {
    background: #f5f8fa !important;
    background-color: #f5f8fa !important;
    color: #3f4254 !important;
}

.items-table thead th {
    background: #f5f8fa !important;
    background-color: #f5f8fa !important;
    color: #3f4254 !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    padding: 1rem 0.75rem !important;
    border-bottom: 2px solid #e4e6ef !important;
}

.items-table thead th *,
.items-table thead th div,
.items-table thead th span {
    color: #3f4254 !important;
}

table.items-table thead th,
.table.items-table thead th {
    background: #f5f8fa !important;
    background-color: #f5f8fa !important;
    color: #3f4254 !important;
}

.items-table thead th .opacity-75,
.items-table thead th .opacity-85 {
    font-size: 0.75rem !important;
}

.items-table tfoot {
    background: #f5f8fa !important;
    background-color: #f5f8fa !important;
    border-top: 2px solid #009ef7 !important;
}

.items-table tfoot tr {
    background-color: #f5f8fa !important;
    background: #f5f8fa !important;
}

.items-table tfoot td {
    background-color: #f5f8fa !important;
    background: #f5f8fa !important;
    padding: 1rem 0.75rem !important;
    font-weight: 700 !important;
}

table.items-table tfoot,
.table.items-table tfoot {
    background: #f5f8fa !important;
    background-color: #f5f8fa !important;
}

table.items-table tfoot tr,
.table.items-table tfoot tr {
    background-color: #f5f8fa !important;
    background: #f5f8fa !important;
}

table.items-table tfoot td,
.table.items-table tfoot td {
    background-color: #f5f8fa !important;
    background: #f5f8fa !important;
}

/* CRITICAL: Maximum specificity overrides for items-table - must be at the end */
/* Override .table th styles for items-table */
.table.items-table th,
table.items-table th,
.items-table.table th,
table.table.items-table th {
    background: #f5f8fa !important;
    background-color: #f5f8fa !important;
    background-image: none !important;
}

table.items-table thead th,
.table.items-table thead th,
.items-table table thead th,
table.table.items-table thead th,
.table.items-table thead th,
table.items-table thead th {
    background: #f5f8fa !important;
    background-color: #f5f8fa !important;
    background-image: none !important;
    color: #3f4254 !important;
}

table.items-table tfoot,
.table.items-table tfoot,
.items-table table tfoot,
table.table.items-table tfoot {
    background: #f5f8fa !important;
    background-color: #f5f8fa !important;
    background-image: none !important;
}

table.items-table tfoot tr,
.table.items-table tfoot tr,
.items-table table tfoot tr,
table.table.items-table tfoot tr {
    background: #f5f8fa !important;
    background-color: #f5f8fa !important;
    background-image: none !important;
}

table.items-table tfoot td,
.table.items-table tfoot td,
.items-table table tfoot td,
table.table.items-table tfoot td {
    background: #f5f8fa !important;
    background-color: #f5f8fa !important;
    background-image: none !important;
}

/* CRITICAL: Override for .items-table th - must be at the very end */
.items-table th,
table.items-table th,
.table.items-table th,
.items-table table th,
table.table.items-table th {
    background: #f5f8fa !important;
    background-color: #f5f8fa !important;
    background-image: none !important;
    color: #3f4254 !important;
}

/* CRITICAL: Override for .items-table thead th with all properties */
.items-table thead th,
table.items-table thead th,
.table.items-table thead th,
.items-table table thead th,
table.table.items-table thead th {
    background: #f5f8fa !important;
    background-color: #f5f8fa !important;
    background-image: none !important;
    color: #3f4254 !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    padding: 1rem 0.75rem !important;
    border-bottom: 2px solid #e4e6ef !important;
}

.items-table thead th *,
table.items-table thead th *,
.table.items-table thead th *,
.items-table table thead th *,
table.table.items-table thead th * {
    color: #3f4254 !important;
}

.items-table thead th .opacity-75,
.items-table thead th .opacity-85,
table.items-table thead th .opacity-75,
table.items-table thead th .opacity-85 {
    color: rgba(63, 66, 84, 0.7) !important;
    font-size: 0.75rem !important;
}