:root {
  --brand-primary: #2185d0;
  --brand-primary-dark: #145a91;
  --brand-accent: #22b8b0;
  --text-primary: #e6edf3;
  --text-secondary: #a9b5c2;
  --surface-page: #161b22;
  --surface-card: #212936;
  --border-soft: #3a4656;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.4);
  --grid-row-color-odd: #202833;
  --grid-row-color-even: #293441;
  --grid-row-color-hover: #36485b;
  --label-color: #b7c3d0;
  --label-color-comment: #a9b5c2;
  --label-with-value-color: #79b8ff;
}

html,
body {
  color: var(--text-primary);
  background: #161b22;
}

.mat-table {
    background-color: transparent;
}

.mat-app-background,
.mat-drawer-container,
.mat-sidenav-container,
.mat-dialog-container,
.mat-menu-panel,
.mat-select-panel,
.mat-autocomplete-panel,
.mat-option,
.mat-card,
.mat-expansion-panel,
.mat-paginator,
.mat-tab-header,
.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
  background-color: var(--surface-card);
  color: var(--text-primary);
}

.mat-card,
.mat-expansion-panel,
.mat-dialog-container {
  border: 1px solid var(--border-soft);
}

.mat-sidenav-container {
  background-color: #161b22 !important;
}

.filter-title {
  color: #4fb3ff !important;
}

.label-with-value {
  color: #ffffff !important;
}

mat-sidenav.menu,
.menu .mat-drawer-inner-container,
.menu .links-container {
  background-color: #212936 !important;
  color: #e6edf3 !important;
}

.menu .link,
.menu .menu-label,
.menu .nav-list mat-list-item span {
  color: #e6edf3 !important;
}

.menu .link:hover {
  background-color: #36485b !important;
  color: #ffffff !important;
}

.mat-form-field-label,
.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-select-value,
.mat-select-arrow,
.mat-checkbox-label,
.mat-radio-label-content,
.mat-tab-label,
.mat-paginator,
.mat-paginator-page-size-select .mat-select-trigger {
  color: var(--text-primary) !important;
}

.mat-hint {
  color: var(--text-secondary) !important;
}

.mat-form-field-underline,
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: var(--border-soft);
}

.mat-input-element:disabled {
    color: var(--text-secondary);
}

/* Keep number controls visible in Chromium and Firefox */
input[type="number"] {
  -webkit-appearance: auto;
  appearance: auto;
  color-scheme: dark;
}

.mat-input-element, 
.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-option:hover:not(.mat-option-disabled),
.mat-option.mat-active,
.mat-selected:not(.mat-option-disabled) {
  color: var(--text-primary);
}

textarea,
textarea.mat-input-element,
.mat-form-field textarea.mat-input-element,
input.mat-input-element {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  caret-color: var(--text-primary);
  background-color: var(--surface-card);
}

textarea::placeholder,
textarea.mat-input-element::placeholder {
  color: var(--text-secondary) !important;
}

.mat-option:hover:not(.mat-option-disabled),
.mat-option.mat-active,
.mat-row:hover,
.mat-row.cdk-program-focused {
  background: #2d3948;
}

.mat-header-cell,
.mat-cell,
.mat-footer-cell,
.mat-paginator,
.mat-paginator .mat-select-value {
  color: var(--text-primary);
  border-color: var(--border-soft);
}

.data-list-delete {
  background: #F47145 !important;
}

.data-list-highlight .mat-cell {
  color: #000;
}

.data-list-flag-warning,
.data-list-flag-warning .mat-cell,
.data-list-flag-warning .mat-cell * {
  color: #1f2a37;
}

.data-list-highlight .mat-cell .mat-checkbox .mat-checkbox-frame {
  border-color: #000 !important;
}

.ajuste_stock mat-cell {
    color: #000;
}

.mat-checkbox-frame,
.mat-radio-outer-circle {
  border-color: var(--text-secondary);
}

.mat-datepicker-toggle .mat-icon-button {
  color: #e6edf3 !important;
}

.mat-expansion-indicator::after {
  border-color: #e6edf3 !important;
}

.select-search-input {
  background-color: #161b22 !important;
  color: #e6edf3 !important;
  border-bottom: 1px solid #526478 !important;
}

.select-search-input::placeholder {
  color: #a9b5c2 !important;
}

.select-search-checkbox .mat-checkbox-frame {
  border-color: #e6edf3 !important;
}

.select-search-checkbox.mat-checkbox-checked .mat-checkbox-background,
.select-search-checkbox.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #2185d0 !important;
}

.select-search-checkbox .mat-checkbox-checkmark-path {
  stroke: #ffffff !important;
}

.search-select-panel .mat-pseudo-checkbox {
  border-color: #e6edf3 !important;
}

.search-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,
.search-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate {
  background-color: #2185d0 !important;
  border-color: #2185d0 !important;
}

.list-table .mat-header-row,
.table-edit .mat-header-row {
  background: #2d3948 !important;
  border-color: #526478 !important;
}

.table-edit mat-row.transparent:nth-child(even) {
  background-color: rgba(41, 52, 65, 0.7);
}

.table-edit mat-row.transparent:nth-child(odd) {
  background-color: rgba(32, 40, 51, 0.7) !important;
}

.table-edit mat-row.transparent:hover {
  background-color: rgba(54, 72, 91, 0.78) !important;
}

.table-edit mat-row.data-list-highlight,
.table-edit mat-row.transparent.data-list-highlight,
.table-edit mat-row.transparent.data-list-highlight:hover {
  background: rgba(119, 170, 204, 1) !important;
}

.table-edit .mat-cell {
    border: 1px solid #777 !important;
}

.list-table .mat-header-row .mat-header-cell,
.table-edit .mat-header-row .mat-header-cell {
  color: #e6edf3 !important;
}

.table-tree-row-highlight {
    background: #9dc1db !important;
}

.table-tree-row-highlight mat-cell {
  color: #000;
}

.data-list-factura-detalle-descuento,
.data-list-factura-detalle-descuento:hover,
.data-list-factura-detalle-descuento:focus {
  background: rgba(255, 214, 102, 0.6) !important;
}

.data-list-factura-venta-modifico-precio,
.data-list-factura-venta-modifico-precio:hover,
.data-list-factura-venta-modifico-precio:focus {
  color: #1f2a37 !important;
}

.data-list-factura-venta-modifico-precio .mat-cell,
.data-list-factura-venta-modifico-precio:hover .mat-cell,
.data-list-factura-venta-modifico-precio:focus .mat-cell,
.data-list-factura-venta-modifico-precio .mat-cell * {
  color: #1f2a37 !important;
}

app-paginator .arrow {
  filter: invert(1) !important;
}

::-webkit-scrollbar-track {
  background: #202833;
}

::-webkit-scrollbar-thumb {
  background: #526478;
}

::-webkit-scrollbar-thumb:hover {
  background: #687e95;
}

/* Validation */

.validation-mark {
  background-color: #e06973 !important;
}


.mat-tree {
  background: none;
}

.mat-tree-node {
  color: var(--text-primary);
}