/*
  These are CSS variable definitions that came out in Django 3.2, but seem to be missing in Jazzmin
  Once they come out in a future Jazzmin release (main.css ?) they can be deleted from here
  */
:root {
  --primary: #79aec8;
  --secondary: #417690;
  --secondary: #417690;
  --accent: #f5dd5d;
  --primary-fg: #fff;

  --body-fg: #333;
  --body-bg: #fff;
  --body-quiet-color: #666;
  --body-loud-color: #000;

  --header-color: #ffc;
  --header-branding-color: var(--accent);
  --header-bg: var(--secondary);
  --header-link-color: var(--primary-fg);

  --breadcrumbs-fg: #c4dce8;
  --breadcrumbs-link-fg: var(--body-bg);
  --breadcrumbs-bg: var(--primary);

  --link-fg: #447e9b;
  --link-hover-color: #036;
  --link-selected-fg: #5b80b2;

  --hairline-color: #e8e8e8;
  --border-color: #ccc;

  --error-fg: #ba2121;

  --message-success-bg: #dfd;
  --message-warning-bg: #ffc;
  --message-error-bg: #ffefef;

  --darkened-bg: #f8f8f8; /* A bit darker than --body-bg */
  --selected-bg: #e4e4e4; /* E.g. selected table cells */
  --selected-row: #ffc;

  --button-fg: #fff;
  --button-bg: var(--primary);
  --button-hover-bg: #609ab6;
  --default-button-bg: var(--secondary);
  --default-button-hover-bg: #205067;
  --close-button-bg: #888; /* Previously #bbb, contrast 1.92 */
  --close-button-hover-bg: #747474;
  --delete-button-bg: #ba2121;
  --delete-button-hover-bg: #a41515;

  --object-tools-fg: var(--button-fg);
  --object-tools-bg: var(--close-button-bg);
  --object-tools-hover-bg: var(--close-button-hover-bg);
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary: #264b5d;
    --primary-fg: #eee;

    --body-fg: #eeeeee;
    --body-bg: #121212;
    --body-quiet-color: #e0e0e0;
    --body-loud-color: #ffffff;
  }
}


/* same baseline in table row */

table tbody tr.form-row td p {
  margin-top: 7px;
}

/* sidebar bg color for test instance */
.sidebar-dark-test {
  background-color: #3d9970;
}

.sidebar-dark-test .sidebar a {
  color:#e0e5ef;
}

.sidebar-dark-test .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active {
  background-color:#28664a;
  color: #fff;
}

.sidebar-dark-test .brand-link .pushmenu:hover, [class*="sidebar-dark"] .brand-link:hover {
  color: #fff;
}
.sidebar-dark-test .brand-link, [class*="sidebar-dark"] .brand-link .pushmenu {
  color: rgb(251, 248, 187);
}

/* united look for changeform inputs */
.select2-container--admin-autocomplete .select2-selection--single, .select2-container--admin-autocomplete .select2-selection--multiple {
  padding: .375rem .75rem!important;
  line-height: 1.5!important;
  min-height: calc(2.25rem + 2px)!important;
}
.select2-container--admin-autocomplete .select2-selection--single .select2-selection__rendered {
  line-height: inherit!important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0!important;
}
.select2-container .select2-selection--single {
  min-height: calc(2.25rem + 2px)!important;
  padding: .375rem .75rem!important;
}

.vDateField, .vTimeField {
  margin-bottom: 0px;
}

/* changelist filters */
.select2-container {
  min-width: 5rem;
  max-width: 27rem;
}

/* tweak table column widths */

table tbody tr.form-row td.original {
  padding-left: 0;
  padding-right: 0;
  text-align: right;
}
table tbody tr.form-row td.field-product select {
  width: 13em;
}
table tbody tr.form-row td.field-tax_rate select {
  width: 4.5rem;
}
table tbody tr.form-row td.field-quantity input,
table tbody tr.form-row td.field-qty_from input,
table tbody tr.form-row td.field-qty_to input,
table tbody tr.form-row td.field-proportion input,
table tbody tr.form-row td.field-surcharge input,
table tbody tr.form-row td.field-discount input {
  width: 5rem;
}
table tbody tr.form-row td.field-uom select {
  width: 5.5rem;
}
table tbody tr.form-row td.field-purchase_unit_price input,
table tbody tr.form-row td.field-sale_unit_price input,
table tbody tr.form-row td.field-unit_price input,
table tbody tr.form-row td.field-unit_price_cur input,
table tbody tr.form-row td.field-line_total_gross input,
table tbody tr.form-row td.field-line_total_gross_cur input,
table tbody tr.form-row td.field-line_total_net input,
table tbody tr.form-row td.field-line_total_net_cur input {
  width: 7.5rem;
}

table tbody tr.form-row td.field-batch input {
  width: 8rem;
}

/* form lines */
form .card label {
  padding-top: .42rem;
  max-width: 9.6rem;
  flex: 0 0 9.6rem;
}

/* related objects */
.related-objects {
  margin-top: 1rem;
}

/* autocomplete select width */
select.admin-autocomplete {
  width: 16em!important;
}

/* validation errors */
ul.errorlist {
  background-color: #c82333;
  list-style-type: none;
}
ul.errorlist li {
  color: #fff;
  border-color: #bd2130;
}

/* Status-based row colors for document changelists */
.change-list #result_list tbody tr.status-draft {
  _background-color: #fff3cd !important; /* Light yellow for draft */
}
.change-list #result_list tbody tr.status-closed {
  background-color: #d1ecf1 !important; /* Light blue for closed */
}
.change-list #result_list tbody tr.status-closed.odd {
  background-color: #c4e7ed !important; /* Light blue for closed */
}

.change-list #result_list tbody tr.status-void {
  background-color: #00000050 !important; /* Dark gray for voided */
}
.change-list #result_list tbody tr.status-delivered {
  background-color: #d4edda !important; /* Light green for delivered */
}
.change-list #result_list tbody tr.status-delivered.odd {
  background-color: #c9e8d0 !important; /* Light green for delivered */
}

.changelist .results tbody tr.status-ready {
  background-color: #e2e3e5 !important; /* Light gray for ready */
}
.changelist .results tbody tr.status-preparation,
.changelist .results tbody tr.status-instock,
.changelist .results tbody tr.status-in_progress {
  background-color: #fff3cd !important; /* Light yellow for in-progress states */
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .changelist .results tbody tr.status-draft {
    background-color: #664d03 !important;
  }
  .changelist .results tbody tr.status-closed {
    background-color: #0f5132 !important;
  }
  .changelist .results tbody tr.status-void {
    background-color: #58151c !important;
  }
  .changelist .results tbody tr.status-delivered {
    background-color: #055160 !important;
  }
  .changelist .results tbody tr.status-ready {
    background-color: #383d41 !important;
  }
  .changelist .results tbody tr.status-preparation,
  .changelist .results tbody tr.status-instock,
  .changelist .results tbody tr.status-in_progress {
    background-color: #664d03 !important;
  }
}