html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
  display:grid;
}

body {
  margin-bottom: 60px;
}

.form-group{
    margin-bottom:1rem;
}

.admin-layout-nav__content {
    min-width: 0;
}

.dataTables_wrapper .dataTables_paginate {
    float: none !important;
    text-align: center !important;
    margin-top: 0.75rem;
}

.dt-container .dt-layout-row:last-child {
    justify-content: center !important;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dt-container .dt-layout-row:last-child .dt-layout-cell {
    flex: 0 0 auto;
}

.dt-container .dt-paging {
    margin: 0 !important;
    text-align: center !important;
}

.dataTables_wrapper .dataTables_info {
    float: none !important;
    text-align: center;
    margin-top: 0.5rem;
}

.dt-container .dt-info {
    margin: 0 !important;
    text-align: center !important;
}

.inventory-table tbody tr.inventory-row--negative > td {
    background-color: #efe1ff !important;
}

.inventory-table tbody tr.inventory-row--po-mjeri > td {
    background-color: #d1ccff !important;
}

.inventory-table tbody tr.inventory-row--empty > td {
    background-color: #ffdfe2 !important;
}

.inventory-table tbody tr.inventory-row--low > td {
    background-color: #fff6cc !important;
}

.inventory-table tbody tr.inventory-row--healthy > td {
    background-color: #e4f7e7 !important;
}

.inventory-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.85rem;
}

.inventory-page-header h2 {
    margin: 0;
}

.inventory-legend {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.85rem;
    flex-wrap: wrap;
    font-size: 0.9rem;
}

.inventory-legend__item {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.inventory-legend__swatch {
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 0.2rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    flex: 0 0 auto;
}

.inventory-legend__swatch--po-mjeri {
    background-color: #d1ccff;
}

.inventory-legend__swatch--negative {
    background-color: #efe1ff;
}

.inventory-legend__swatch--empty {
    background-color: #ffdfe2;
}

.inventory-legend__swatch--low {
    background-color: #fff6cc;
}

.inventory-legend__swatch--healthy {
    background-color: #e4f7e7;
}

#StorefrontOrdersTable tbody tr.storefront-order-row--pending > td {
    background-color: #fff6cc !important;
}

#StorefrontOrdersTable tbody tr.storefront-order-row--awaiting-payment > td {
    background-color: #ffe9c7 !important;
}

#StorefrontOrdersTable tbody tr.storefront-order-row--paid > td {
    background-color: #ddf3f5 !important;
}

#StorefrontOrdersTable tbody tr.storefront-order-row--processing > td {
    background-color: #dfeaff !important;
}

#StorefrontOrdersTable tbody tr.storefront-order-row--shipped > td {
    background-color: #ece4ff !important;
}

#StorefrontOrdersTable tbody tr.storefront-order-row--completed > td {
    background-color: #e4f7e7 !important;
}

#StorefrontOrdersTable tbody tr.storefront-order-row--cancelled > td {
    background-color: #ffdfe2 !important;
}

#StorefrontOrdersTable tbody tr.storefront-order-row--refunded > td {
    background-color: #ffe4d6 !important;
}

.storefront-order-legend__swatch--pending {
    background-color: #fff6cc;
}

.storefront-order-legend__swatch--awaiting-payment {
    background-color: #ffe9c7;
}

.storefront-order-legend__swatch--paid {
    background-color: #ddf3f5;
}

.storefront-order-legend__swatch--processing {
    background-color: #dfeaff;
}

.storefront-order-legend__swatch--shipped {
    background-color: #ece4ff;
}

.storefront-order-legend__swatch--completed {
    background-color: #e4f7e7;
}

.storefront-order-legend__swatch--cancelled {
    background-color: #ffdfe2;
}

.storefront-order-legend__swatch--refunded {
    background-color: #ffe4d6;
}

@media (max-width: 768px) {
    .admin-layout-nav__row {
        align-items: center !important;
    }

    .inventory-legend {
        justify-content: flex-start;
        font-size: 0.82rem;
    }

    .inventory-report-date-filter__field {
        min-width: min(100%, 12rem);
    }
}

.inventory-report-page {
    display: grid;
    gap: 1rem;
    padding: 0 0.75rem 1rem;
}

.inventory-report-toolbar {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.inventory-report-date-filter {
    display: flex;
    gap: 0.85rem;
    align-items: flex-end;
    flex-wrap: wrap;
}

.inventory-report-date-filter__field {
    display: grid;
    gap: 0.25rem;
    min-width: 12rem;
}

.inventory-report-date-filter__field label {
    font-weight: 600;
}

.inventory-report-date-filter__active-period {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 38px;
    padding: 0.45rem 0.85rem;
    border: 1px solid #c8d6ea;
    border-radius: 999px;
    background: #f5f8ff;
    color: #244a7b;
    font-size: 0.95rem;
}

.inventory-report-date-filter__active-period strong {
    color: #163963;
}

.inventory-report-date-filter__clear {
    align-self: flex-end;
}

.inventory-report-toolbar__search {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    flex: 1 1 28rem;
}

.inventory-report-toolbar__search .form-control {
    flex: 1 1 18rem;
}

.inventory-report-card {
    background: #fff;
    border: 1px solid #dfe3e8;
    border-radius: 0.75rem;
    padding: 1rem;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.04);
}

.inventory-report-card__header {
    margin-bottom: 0.75rem;
}

.inventory-report-card__title {
    margin: 0;
}

.inventory-report-table {
    margin-bottom: 0;
}

.inventory-report-table thead th {
    background: #f1f3f5;
    font-weight: 700;
}

.inventory-report-table__filters th {
    background: #fff8d8 !important;
}

.inventory-report-filter-stack {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.inventory-report-filter-stack .form-control {
    flex: 1 1 12rem;
    min-width: 12rem;
}

.inventory-report-filter-buttons {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.inventory-report-table__name-cell {
    min-width: 16rem;
    background: #fbfcfd;
}

.inventory-report-name-option,
.inventory-report-name-delete {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    justify-content: flex-start;
    min-height: 100%;
}

.inventory-report-name-option input {
    margin-top: 0;
}

.inventory-report-row--subtotal td {
    background: #d8ecff !important;
}

.inventory-report-row--total td {
    background: #fff3b0 !important;
}

.inventory-report-row--grand-total td {
    background: #d7efc6 !important;
    font-weight: 700;
}

.inventory-report-actions {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.inventory-report-load-more,
.web-customer-table__load-more {
    display: flex;
    justify-content: center;
    margin-top: 0.9rem;
}

.inventory-report-load-more .btn,
.web-customer-table__load-more .btn {
    min-width: 15rem;
}

.inventory-error-report-list {
    display: grid;
    gap: 1rem;
}

.inventory-error-report-group {
    border: 1px solid #e5e7eb;
    border-radius: 0.6rem;
    overflow: hidden;
}

.inventory-error-report-table {
    margin-bottom: 0;
}

.inventory-error-report-table__title {
    background: #eef2f6 !important;
    text-align: center;
}

.web-customer-table {
    margin-bottom: 0;
    border-collapse: collapse;
}

.web-customer-table th,
.web-customer-table td {
    border: 1px solid #cfd4da !important;
    vertical-align: middle;
}

.web-customer-table thead th {
    background: #f1f3f5;
    font-weight: 700;
}

.web-customer-table__filters th {
    background: #fff8d8 !important;
}

.web-customer-table__filters .form-control {
    min-width: 10rem;
}

.web-customer-table tbody tr:nth-child(odd) td:not(.web-customer-table__email-cell) {
    background: #ffffff;
}

.web-customer-table tbody tr:nth-child(even) td:not(.web-customer-table__email-cell) {
    background: #f7f7f7;
}

.web-customer-table__email-cell {
    font-weight: 600;
}

.web-customer-table__email-cell--odd {
    background: aliceblue !important;
}

.web-customer-table__email-cell--even {
    background: lightblue !important;
}

@media (max-width: 768px) {
    .inventory-report-page {
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }

    .inventory-report-toolbar,
    .inventory-report-toolbar__search,
    .inventory-report-filter-stack,
    .inventory-report-filter-buttons,
    .inventory-report-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .inventory-report-filter-stack .form-control,
    .inventory-report-toolbar__search .form-control {
        min-width: 0;
    }

    .inventory-report-table__name-cell {
        min-width: 12rem;
    }
}