/*

Custom Styles

*/


body.dark .select2-dropdown {
  color: #f6f6f6;
  background-color: #2a3042;
  border: 1px solid #32394e;
}

body.dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: #f6f6f6;
}

body.dark .select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #5897fb;
  color: #f6f6f6;
}

body.dark .custom_select .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #f6f6f6;
}

body.dark .custom_select .select2-container--default .select2-selection--single {
  background-color: #1e2231;
  border: 1px solid #383e50;
}

/* Dark mode for Select2 multiple selection */
body.dark .select2-container--default .select2-selection--multiple {
  background-color: #2a3042;
  border: 1px solid #32394e;
}

body.dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #32394e;
  border: 1px solid #404859;
  color: #f6f6f6;
}

body.dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #f6f6f6;
  border-right-color: #404859;
}

body.dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: #404859;
  color: #fff;
}

body.dark .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  color: #f6f6f6;
}

body.dark .select2-container--default .select2-search--inline .select2-search__field {
  color: #f6f6f6;
}

body.dark .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #1e2231;
  border: 1px solid #32394e;
  color: #f6f6f6;
}

body.dark .select2-container--default .select2-results__option {
  color: #f6f6f6;
}

/* Dark mode for list-group-item */
body.dark .list-group-item {
  background-color: #2a3042;
  border-color: #32394e;
  color: #f6f6f6;
}

body.dark .list-group-item.active {
  background-color: #5897fb;
  border-color: #5897fb;
}

/* Dark mode for tables */
body.dark .table {
  color: #f6f6f6;
}

body.dark .table td,
body.dark .table th {
  border-color: #32394e;
}

body.dark .table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #f6f6f6;
}

body.dark .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.02);
}

/* Dark mode for table footer/total rows */
body.dark .table tfoot tr,
body.dark .table tbody tr.total-row,
body.dark .table-bordered tfoot td,
body.dark .table-bordered tfoot th {
  background-color: #32394e;
  color: #f6f6f6;
}

body.dark .table-active,
body.dark .table-active > td,
body.dark .table-active > th {
  background-color: #32394e !important;
  color: #f6f6f6;
}

/* Dark mode for Bootstrap table variants */
body.dark .table-light,
body.dark .table-light > td,
body.dark .table-light > th,
body.dark thead.table-light th {
  background-color: #32394e !important;
  color: #f6f6f6 !important;
  border-color: #404859 !important;
}

body.dark .table-secondary,
body.dark .table-secondary > td,
body.dark .table-secondary > th,
body.dark tr.table-secondary td {
  background-color: #404859 !important;
  color: #f6f6f6 !important;
  border-color: #4b5166 !important;
}

body.dark .table-bordered {
  border-color: #32394e;
}

body.dark .table-bordered > :not(caption) > * > * {
  border-color: #32394e;
}

/* Ensure all table text is visible in dark mode */
body.dark .table td,
body.dark .table th,
body.dark .table tbody td,
body.dark .table tbody th,
body.dark .table tbody tr td {
  color: #f6f6f6 !important;
}

body.dark .table .fw-bold,
body.dark .table strong,
body.dark .table .text-start,
body.dark .table td a,
body.dark table td,
body.dark table th {
  color: #f6f6f6 !important;
}

/* Ensure links in tables are visible */
body.dark .table a {
  color: #7abaff !important;
}

body.dark .table a:hover {
  color: #a8d4ff !important;
}

/* Dark mode for input date pickers */
body.dark input[type="date"],
body.dark input[type="datetime-local"],
body.dark input[type="time"] {
  background-color: #1e2231;
  border-color: #32394e;
  color: #f6f6f6;
  color-scheme: dark;
}

body.dark input[type="date"]::-webkit-calendar-picker-indicator,
body.dark input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

/* Dark mode for modals */
body.dark .modal-content {
  background-color: #2a3042;
  border-color: #32394e;
  color: #f6f6f6;
}

body.dark .modal-header {
  border-bottom-color: #32394e;
}

body.dark .modal-footer {
  border-top-color: #32394e;
  background-color: #2a3042;
}

body.dark .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

/* Dark mode for form controls */
body.dark .form-control,
body.dark .form-select {
  background-color: #1e2231;
  border-color: #32394e;
  color: #f6f6f6;
}

body.dark .form-control:focus,
body.dark .form-select:focus {
  background-color: #1e2231;
  border-color: #5897fb;
  color: #f6f6f6;
}

body.dark .form-control::placeholder {
  color: #6c7293;
}

body.dark .form-label {
  color: #c9d8e3;
}

body.dark .form-text,
body.dark .text-muted {
  color: #8b9bae !important;
}

body.dark .input-group-text {
  background-color: #32394e;
  border-color: #32394e;
  color: #f6f6f6;
}

/* Dark mode for cards inside modals */
body.dark .modal .card {
  background-color: #2a3042;
  border-color: #32394e;
}

/* Dark mode for badges */
body.dark .badge.bg-light {
  background-color: #32394e !important;
  color: #f6f6f6 !important;
}

body.dark .badge.text-dark {
  color: #f6f6f6 !important;
}

body.dark .badge.bg-secondary {
  background-color: #404859 !important;
}

/* Dark mode for alerts */
body.dark .alert-light {
  background-color: #32394e;
  border-color: #404859;
  color: #f6f6f6;
}

body.dark .alert-info {
  background-color: rgba(88, 151, 251, 0.2);
  border-color: rgba(88, 151, 251, 0.3);
  color: #a8c7fa;
}

body.dark .alert-warning {
  background-color: rgba(255, 193, 7, 0.2);
  border-color: rgba(255, 193, 7, 0.3);
  color: #ffe69c;
}

/* Dark mode for cards */
body.dark .card {
  background-color: #2a3042;
  border-color: #32394e;
}

body.dark .card-header {
  background-color: #2a3042;
  border-bottom-color: #32394e;
}

body.dark .card-footer {
  background-color: #2a3042;
  border-top-color: #32394e;
}

body.dark .card.border {
  border-color: #32394e !important;
}

body.dark .border {
  border-color: #32394e !important;
}

body.dark .border-bottom {
  border-bottom-color: #32394e !important;
}

body.dark hr {
  border-color: #32394e;
  opacity: 0.5;
}

/* Dark mode for table specific rows */
body.dark .table-light,
body.dark .table-light > td,
body.dark .table-light > th {
  background-color: #32394e !important;
  color: #f6f6f6;
}

body.dark tbody tr[style*="background-color: #f8f9fc"],
body.dark tbody tr[style*="background-color:#f8f9fc"] {
  background-color: #252b3b !important;
}

body.dark tbody tr[style*="background-color: #e9ecef"] td,
body.dark tbody tr[style*="background-color:#e9ecef"] td,
body.dark td[style*="background-color: #e9ecef"],
body.dark td[style*="background-color:#e9ecef"] {
  background-color: #32394e !important;
}

body.dark .product-separator td {
  background: linear-gradient(to bottom, #32394e 0%, #2a3042 100%) !important;
}

body.dark tbody tr {
  border-color: #32394e !important;
}

body.dark .table > :not(caption) > * > * {
  border-bottom-color: #32394e;
}

body.dark h2.swal2-title {
  
  color: #1e2231;
}


[class*='card-product'] .img-wrap img {
    height: 200px;
}

.disabled-item {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #fd1414 !important;
}


.off-disabled {
    /* opacity: 1; */
    pointer-events: auto;
    cursor: pointer;
    /* background-color: #fff; */
}


/* Brand primary. These were hardcoded to the old template's teal (#088178);
   they now defer to the design-system token defined in resources/css/app.css
   (@theme emits it on :root, so it resolves here even though this file is
   loaded before the Vite bundle). Kept as rules rather than deleted because
   app.css does not define the .btn-check active states below — removing them
   would drop those back to Bootstrap's default blue. */
.bg-primary {
  background-color: var(--color-primary-600) !important;
}

.btn-outline-primary:hover {
  background-color: var(--color-primary-600) !important;
  color: #fff !important;
}

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show{
  background-color: var(--color-primary-600) !important;
  color: #fff !important;
}



.btn-outline-primary {
  color: var(--color-primary-700) !important;
  border-color: var(--color-primary-500) !important;
}

/* Pulsing animation for NEW badge.
   Uses transform + opacity (GPU-composited, no per-frame repaint) instead of an
   animated box-shadow. Animated box-shadow forced a full repaint of the sidebar
   every frame — on Linux/Chromium that churn made the mouse cursor flicker
   page-wide, since the sidebar shows on every screen. */
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.75;
  }
}

/* Fix green button text color */
.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  color: #fff !important;
}