/**
 * J. Martin & Co. theme — Bootstrap 5 color tokens around royal blue.
 * Brand: navy/royal (#1B4F9C), cyan “and company” (#00A4D6), gold complement (#D4A017).
 * Light is the default. Dark mode is the Appearance choice saved on the user.
 * The phone OS color scheme does not change the app.
 */
html {
  color-scheme: light;
}
:root, [data-bs-theme=light] {
  --jmc-royal: #1b4f9c;
  --jmc-royal-dark: #12356a;
  --jmc-royal-light: #4a7ec4;
  --jmc-navy: #0c2347;
  --jmc-cyan: #00a4d6;
  --jmc-gold: #d4a017;
  --jmc-teal: #14856a;
  --jmc-ice: #eef3fa;

  --bs-blue: #1b4f9c;
  --bs-cyan: #00a4d6;
  --bs-primary: #1b4f9c;
  --bs-primary-rgb: 27, 79, 156;
  --bs-secondary: #4a6080;
  --bs-secondary-rgb: 74, 96, 128;
  --bs-success: #14856a;
  --bs-success-rgb: 20, 133, 106;
  --bs-info: #00a4d6;
  --bs-info-rgb: 0, 164, 214;
  --bs-warning: #d4a017;
  --bs-warning-rgb: 212, 160, 23;
  --bs-danger: #c44536;
  --bs-danger-rgb: 196, 69, 54;
  --bs-light: #eef3fa;
  --bs-light-rgb: 238, 243, 250;
  --bs-dark: #0c2347;
  --bs-dark-rgb: 12, 35, 71;
  --bs-primary-text-emphasis: #0c2347;
  --bs-secondary-text-emphasis: #2c3a4d;
  --bs-success-text-emphasis: #0a5242;
  --bs-info-text-emphasis: #065a76;
  --bs-warning-text-emphasis: #6b520c;
  --bs-danger-text-emphasis: #7a241c;
  --bs-light-text-emphasis: #4a6080;
  --bs-dark-text-emphasis: #0c2347;
  --bs-primary-bg-subtle: #dce6f5;
  --bs-secondary-bg-subtle: #e4e8ee;
  --bs-success-bg-subtle: #d7f0e8;
  --bs-info-bg-subtle: #d4f3fb;
  --bs-warning-bg-subtle: #f8edd0;
  --bs-danger-bg-subtle: #f6d9d5;
  --bs-light-bg-subtle: #f7f9fc;
  --bs-dark-bg-subtle: #c5cedb;
  --bs-primary-border-subtle: #a9c0e4;
  --bs-info-border-subtle: #7ad4ee;
  --bs-link-color: #1b4f9c;
  --bs-link-color-rgb: 27, 79, 156;
  --bs-link-hover-color: #12356a;
  --bs-link-hover-color-rgb: 18, 53, 106;
  --bs-focus-ring-color: rgba(27, 79, 156, 0.25);
  --bs-form-valid-color: #14856a;
  --bs-form-valid-border-color: #14856a;
  --bs-form-invalid-color: #c44536;
  --bs-form-invalid-border-color: #c44536;
  --bs-tertiary-bg: #eef3fa;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1b4f9c;
  --bs-btn-border-color: #1b4f9c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #163f7c;
  --bs-btn-hover-border-color: #12356a;
  --bs-btn-focus-shadow-rgb: 27, 79, 156;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #12356a;
  --bs-btn-active-border-color: #0c2347;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1b4f9c;
  --bs-btn-disabled-border-color: #1b4f9c;
}
.btn-outline-primary {
  --bs-btn-color: #1b4f9c;
  --bs-btn-border-color: #1b4f9c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1b4f9c;
  --bs-btn-hover-border-color: #1b4f9c;
  --bs-btn-focus-shadow-rgb: 27, 79, 156;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #12356a;
  --bs-btn-active-border-color: #12356a;
  --bs-btn-disabled-color: #1b4f9c;
  --bs-btn-disabled-border-color: #1b4f9c;
}
.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #00a4d6;
  --bs-btn-border-color: #00a4d6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0089b3;
  --bs-btn-hover-border-color: #007ea5;
  --bs-btn-focus-shadow-rgb: 0, 164, 214;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #007ea5;
  --bs-btn-active-border-color: #006f91;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #00a4d6;
  --bs-btn-disabled-border-color: #00a4d6;
}
.btn-outline-info {
  --bs-btn-color: #007ea5;
  --bs-btn-border-color: #00a4d6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00a4d6;
  --bs-btn-hover-border-color: #00a4d6;
  --bs-btn-focus-shadow-rgb: 0, 164, 214;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #007ea5;
  --bs-btn-active-border-color: #007ea5;
  --bs-btn-disabled-color: #00a4d6;
  --bs-btn-disabled-border-color: #00a4d6;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #14856a;
  --bs-btn-border-color: #14856a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #106b55;
  --bs-btn-hover-border-color: #0e5e4b;
  --bs-btn-focus-shadow-rgb: 20, 133, 106;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0e5e4b;
  --bs-btn-active-border-color: #0c5342;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #14856a;
  --bs-btn-disabled-border-color: #14856a;
}
.btn-outline-success {
  --bs-btn-color: #14856a;
  --bs-btn-border-color: #14856a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #14856a;
  --bs-btn-hover-border-color: #14856a;
  --bs-btn-focus-shadow-rgb: 20, 133, 106;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0e5e4b;
  --bs-btn-active-border-color: #0e5e4b;
}
.btn-warning {
  --bs-btn-color: #0c2347;
  --bs-btn-bg: #d4a017;
  --bs-btn-border-color: #d4a017;
  --bs-btn-hover-color: #0c2347;
  --bs-btn-hover-bg: #c08f10;
  --bs-btn-hover-border-color: #b3860e;
  --bs-btn-focus-shadow-rgb: 212, 160, 23;
  --bs-btn-active-color: #0c2347;
  --bs-btn-active-bg: #b3860e;
  --bs-btn-active-border-color: #9e770d;
  --bs-btn-disabled-color: #0c2347;
  --bs-btn-disabled-bg: #d4a017;
  --bs-btn-disabled-border-color: #d4a017;
}
.btn-outline-warning {
  --bs-btn-color: #8a6a0e;
  --bs-btn-border-color: #d4a017;
  --bs-btn-hover-color: #0c2347;
  --bs-btn-hover-bg: #d4a017;
  --bs-btn-hover-border-color: #d4a017;
  --bs-btn-focus-shadow-rgb: 212, 160, 23;
  --bs-btn-active-color: #0c2347;
  --bs-btn-active-bg: #b3860e;
  --bs-btn-active-border-color: #b3860e;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #c44536;
  --bs-btn-border-color: #c44536;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a8392d;
  --bs-btn-hover-border-color: #9b3429;
  --bs-btn-focus-shadow-rgb: 196, 69, 54;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9b3429;
  --bs-btn-active-border-color: #8c2f25;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #c44536;
  --bs-btn-disabled-border-color: #c44536;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4a6080;
  --bs-btn-border-color: #4a6080;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3c4e68;
  --bs-btn-hover-border-color: #36465e;
  --bs-btn-focus-shadow-rgb: 74, 96, 128;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #36465e;
  --bs-btn-active-border-color: #2f3d52;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4a6080;
  --bs-btn-disabled-border-color: #4a6080;
}

.bg-primary, .text-bg-primary { background-color: #1b4f9c !important; }
.bg-info, .text-bg-info { background-color: #00a4d6 !important; color: #fff !important; }
.bg-success, .text-bg-success { background-color: #14856a !important; }
.bg-warning, .text-bg-warning { background-color: #d4a017 !important; }
.bg-danger, .text-bg-danger { background-color: #c44536 !important; }
.bg-secondary, .text-bg-secondary { background-color: #4a6080 !important; }
.bg-dark, .text-bg-dark { background-color: #0c2347 !important; }
.text-primary { color: #1b4f9c !important; }
.text-released { color: #4a7ec4 !important; }
.text-info { color: #007ea5 !important; }
.border-released { border-color: #a9c0e4 !important; }
.badge-primary, .badge.text-bg-primary { color: #fff; background-color: #1b4f9c; }
.badge-info, .badge.text-bg-info { color: #fff; background-color: #00a4d6; }

.form-control:focus, .form-select:focus, .form-check-input:focus {
  border-color: #7aa0d4;
  box-shadow: 0 0 0 .25rem rgba(27, 79, 156, .25);
}
.form-check-input:checked {
  background-color: #1b4f9c;
  border-color: #1b4f9c;
}
.form-range::-webkit-slider-thumb { background-color: #1b4f9c; }
.form-range::-moz-range-thumb { background-color: #1b4f9c; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #1b4f9c;
}
.page-item.active .page-link,
.pagination .active .page-link {
  background-color: #1b4f9c;
  border-color: #1b4f9c;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #1b4f9c;
}
.list-group-item.active {
  background-color: #1b4f9c;
  border-color: #1b4f9c;
}
.progress-bar { background-color: #1b4f9c; }

a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.tech-tab) {
  color: var(--bs-link-color);
}

.app-sidebar[data-bs-theme=dark] {
  --bs-body-bg: #0c2347;
  --bs-tertiary-bg: #123056;
  --bs-secondary-bg: #14315c;
  background-color: #0c2347 !important;
}
.app-sidebar[data-bs-theme=dark] .nav-link.active,
.app-sidebar[data-bs-theme=dark] .nav-link:hover {
  background-color: rgba(0, 164, 214, .18);
}
.app-sidebar .tech-side-project {
  background: transparent;
  margin: .15rem 0;
}
.app-sidebar .tech-side-project > .nav-link {
  color: #fff;
  font-weight: 600;
  background: rgba(27, 79, 156, .45);
  border-left: 3px solid #00a4d6;
  border-radius: 0;
}
.app-sidebar .tech-side-project > .nav-link:hover {
  background: rgba(27, 79, 156, .7);
  color: #fff;
}
.app-sidebar .tech-side-lot .nav-link {
  color: rgba(255, 255, 255, .88);
  background: transparent;
  padding-left: 1.35rem;
  font-weight: 400;
}
.app-sidebar .tech-side-lot .nav-link:hover,
.app-sidebar .tech-side-lot .nav-link:focus {
  color: #fff;
  background: rgba(0, 164, 214, .2);
}

.card-primary:not(.card-outline) > .card-header,
.card-info:not(.card-outline) > .card-header {
  background-color: #1b4f9c;
  color: #fff;
}
.card-info.card-outline { border-top-color: #1b4f9c; }
.card-primary.card-outline { border-top-color: #1b4f9c; }
.small-box.bg-info { background-color: #00a4d6 !important; }
.small-box.bg-primary { background-color: #1b4f9c !important; }

.widget-user-2 .widget-user-header.bg-info,
.widget-user-header.bg-info {
  background-color: #1b4f9c !important;
}

.tech-tabbar a.tech-tab {
  color: #6c757d;
}
.tech-tabbar a.tech-tab.is-active,
.tech-tabbar a.tech-tab.is-active i {
  color: #1b4f9c;
}
.tech-tabbar a.tech-tab.is-active {
  background: #dce6f5;
  box-shadow: inset 0 3px 0 #1b4f9c;
}

.jmc-account .card {
  border-color: #d6deeb;
}
.jmc-account .card-header.bg-primary,
.jmc-account .card-header.bg-info {
  background-color: #1b4f9c !important;
  color: #fff !important;
  border-bottom: 0;
}
.jmc-account .card-header h5,
.jmc-account .card-header h6 {
  color: #fff !important;
  margin: 0;
  font-weight: 600;
}
.jmc-account .card-body h6,
.jmc-account .card-body h6 a,
.jmc-account .card-body a h6 {
  color: #1b4f9c !important;
}
.jmc-account .card-body h6 i {
  color: #00a4d6;
  margin-right: .25rem;
}
.jmc-account .control-label {
  color: #0c2347;
  font-weight: 600;
}
.jmc-account .input-group-text {
  color: #1b4f9c;
  background-color: #eef3fa;
  border-color: #c5d0e0;
}
.jmc-account .input-group-text a {
  color: #1b4f9c;
}
#customerTabs .nav-link {
  color: #1b4f9c;
}
#customerTabs .nav-link.active {
  color: #fff;
  background-color: #1b4f9c;
}
.jmc-account .customer-logo-thumb {
  max-width: 110px;
  height: auto;
  background: #fff;
}
.jmc-account .jmc-notes-card {
  min-height: 100%;
}
.jmc-account .jmc-notes-card textarea {
  min-height: 8rem;
  height: 100%;
  resize: vertical;
}

/* Phone dark mode: Bootstrap 5 "auto" theme otherwise inverts body/text. */
.tech-app,
.tech-app .app-wrapper,
.tech-app .app-main,
.tech-app.bg-body-tertiary {
  background-color: #eef3fa !important;
  color: #0c2347;
}
.tech-app .card,
.tech-app .card-body,
.tech-app .list-group-item,
.tech-app .modal-content,
.tech-app .dropdown-menu {
  background-color: #fff;
  color: #0c2347;
}
.tech-app .form-control,
.tech-app .form-select,
.tech-app select,
.tech-app textarea,
.tech-app input[type="text"],
.tech-app input[type="date"],
.tech-app input[type="email"],
.tech-app input[type="number"],
.tech-app input[type="password"],
.tech-app input[type="tel"],
.tech-app input[type="search"],
.tech-app input[type="time"] {
  color-scheme: light;
  background-color: #fff !important;
  color: #0c2347 !important;
}
.tech-app .form-control::placeholder,
.tech-app textarea::placeholder {
  color: #6c7a90;
  opacity: 1;
}
.tech-app .text-muted,
.tech-app .text-secondary,
.tech-app .small.text-muted {
  color: #4a6080 !important;
}
.tech-app .text-dark,
.tech-app .text-body,
.tech-app .text-reset {
  color: #0c2347 !important;
}
.tech-app .blockquote {
  color: #1b4f9c;
}
.tech-app .card-header.bg-warning,
.tech-app .card-header.bg-warning .fw-semibold,
.tech-app .card-header.bg-warning .small,
.tech-app .bg-warning,
.tech-app .bg-warning-subtle {
  color: #0c2347 !important;
}
.tech-app .tech-tabbar {
  background: #fff;
}
.tech-app a:not(.btn):not(.nav-link):not(.tech-tab):not(.stretched-link) {
  color: #1b4f9c;
}

.theme-choice {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-height: 48px;
  padding: .55rem .75rem;
  margin-bottom: .45rem;
  border: 1px solid #c5d0e0;
  border-radius: .4rem;
  cursor: pointer;
  background: #fff;
}
.theme-choice input {
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 auto;
}

/* Dark mode: user choice from Settings. Higher specificity than the light locks above. */
html[data-bs-theme=dark] {
  color-scheme: dark;
  --jmc-ice: #17233a;
  --bs-body-color: #e7eef8;
  --bs-body-color-rgb: 231, 238, 248;
  --bs-body-bg: #10192b;
  --bs-body-bg-rgb: 16, 25, 43;
  --bs-emphasis-color: #fff;
  --bs-secondary-color: #9aafc8;
  --bs-secondary-color-rgb: 154, 175, 200;
  --bs-tertiary-color: #8ea0b8;
  --bs-secondary-bg: #17233a;
  --bs-secondary-bg-rgb: 23, 35, 58;
  --bs-tertiary-bg: #10192b;
  --bs-tertiary-bg-rgb: 16, 25, 43;
  --bs-border-color: #2a3d5c;
  --bs-link-color: #8eb4e8;
  --bs-link-color-rgb: 142, 180, 232;
  --bs-link-hover-color: #c5daf6;
  --bs-link-hover-color-rgb: 197, 218, 246;
  --bs-heading-color: #e7eef8;
  --bs-card-bg: #17233a;
  --bs-card-color: #e7eef8;
  --bs-card-cap-bg: #1c2942;
  --bs-card-border-color: #2a3d5c;
  --bs-primary-text-emphasis: #c5daf6;
  --bs-secondary-text-emphasis: #c5d2e6;
  --bs-light: #1c2942;
  --bs-light-rgb: 28, 41, 66;
}
html[data-bs-theme=dark] body,
html[data-bs-theme=dark] .app-wrapper,
html[data-bs-theme=dark] .app-main,
html[data-bs-theme=dark] .app-header,
html[data-bs-theme=dark] .bg-body,
html[data-bs-theme=dark] .bg-body-tertiary,
html[data-bs-theme=dark] .tech-app,
html[data-bs-theme=dark] .tech-app .app-wrapper,
html[data-bs-theme=dark] .tech-app .app-main,
html[data-bs-theme=dark] .tech-app.bg-body-tertiary {
  background-color: #10192b !important;
  color: #e7eef8;
}
html[data-bs-theme=dark] .app-header {
  border-bottom: 1px solid #2a3d5c;
}
html[data-bs-theme=dark] .app-header .nav-link,
html[data-bs-theme=dark] .app-header .nav-text-link {
  color: #d5e2f2;
}
html[data-bs-theme=dark] .app-footer {
  background: #0c2347;
  color: #c5d2e6;
  border-top: 1px solid #2a3d5c;
}
html[data-bs-theme=dark] .card,
html[data-bs-theme=dark] .card-body,
html[data-bs-theme=dark] .modal-content,
html[data-bs-theme=dark] .dropdown-menu,
html[data-bs-theme=dark] .list-group-item,
html[data-bs-theme=dark] .info-box,
html[data-bs-theme=dark] .tech-app .card,
html[data-bs-theme=dark] .tech-app .card-body,
html[data-bs-theme=dark] .tech-app .list-group-item,
html[data-bs-theme=dark] .tech-app .modal-content,
html[data-bs-theme=dark] .tech-app .dropdown-menu {
  background-color: #17233a;
  color: #e7eef8;
  border-color: #2a3d5c;
}
html[data-bs-theme=dark] .card-header,
html[data-bs-theme=dark] .card-footer,
html[data-bs-theme=dark] .modal-header,
html[data-bs-theme=dark] .modal-footer {
  background-color: #1c2942;
  color: #e7eef8;
  border-color: #2a3d5c;
}
html[data-bs-theme=dark] .card-primary:not(.card-outline) > .card-header,
html[data-bs-theme=dark] .card-info:not(.card-outline) > .card-header,
html[data-bs-theme=dark] .jmc-account .card-header.bg-primary,
html[data-bs-theme=dark] .jmc-account .card-header.bg-info {
  background-color: #1b4f9c !important;
  color: #fff !important;
}
html[data-bs-theme=dark] .form-control,
html[data-bs-theme=dark] .form-select,
html[data-bs-theme=dark] .input-group-text,
html[data-bs-theme=dark] .tech-app .form-control,
html[data-bs-theme=dark] .tech-app .form-select,
html[data-bs-theme=dark] .tech-app select,
html[data-bs-theme=dark] .tech-app textarea,
html[data-bs-theme=dark] .tech-app input[type="text"],
html[data-bs-theme=dark] .tech-app input[type="date"],
html[data-bs-theme=dark] .tech-app input[type="email"],
html[data-bs-theme=dark] .tech-app input[type="number"],
html[data-bs-theme=dark] .tech-app input[type="password"],
html[data-bs-theme=dark] .tech-app input[type="tel"],
html[data-bs-theme=dark] .tech-app input[type="search"],
html[data-bs-theme=dark] .tech-app input[type="time"] {
  color-scheme: dark;
  background-color: #10192b !important;
  color: #e7eef8 !important;
  border-color: #2a3d5c;
}
html[data-bs-theme=dark] .form-control::placeholder,
html[data-bs-theme=dark] .tech-app .form-control::placeholder,
html[data-bs-theme=dark] .tech-app textarea::placeholder {
  color: #8ea0b8;
}
html[data-bs-theme=dark] .text-dark,
html[data-bs-theme=dark] .text-body,
html[data-bs-theme=dark] .text-reset,
html[data-bs-theme=dark] .tech-app .text-dark,
html[data-bs-theme=dark] .tech-app .text-body,
html[data-bs-theme=dark] .tech-app .text-reset,
html[data-bs-theme=dark] [style*="color:black"],
html[data-bs-theme=dark] [style*="color: black"] {
  color: #e7eef8 !important;
}
html[data-bs-theme=dark] .text-muted,
html[data-bs-theme=dark] .text-secondary,
html[data-bs-theme=dark] .tech-app .text-muted,
html[data-bs-theme=dark] .tech-app .text-secondary,
html[data-bs-theme=dark] .tech-app .small.text-muted {
  color: #9aafc8 !important;
}
html[data-bs-theme=dark] .text-primary,
html[data-bs-theme=dark] .jmc-account .card-body h6,
html[data-bs-theme=dark] .jmc-account .card-body h6 a,
html[data-bs-theme=dark] .jmc-account .card-body a h6,
html[data-bs-theme=dark] #customerTabs .nav-link,
html[data-bs-theme=dark] .tech-app a:not(.btn):not(.nav-link):not(.tech-tab):not(.tech-link-btn):not(.tech-area-manager-call):not(.stretched-link) {
  color: #8eb4e8 !important;
}
html[data-bs-theme=dark] #customerTabs .nav-link.active {
  color: #fff !important;
  background-color: #1b4f9c;
}
html[data-bs-theme=dark] .jmc-account .control-label { color: #e7eef8; }
html[data-bs-theme=dark] .jmc-account .input-group-text,
html[data-bs-theme=dark] .jmc-account .input-group-text a {
  color: #8eb4e8;
  background-color: #10192b;
  border-color: #2a3d5c;
}
html[data-bs-theme=dark] .dropdown-item { color: #e7eef8; }
html[data-bs-theme=dark] .dropdown-item:hover,
html[data-bs-theme=dark] .dropdown-item:focus {
  background: #1c2942;
  color: #fff;
}
html[data-bs-theme=dark] .bg-white:not(.badge),
html[data-bs-theme=dark] .theme-choice {
  background-color: #17233a !important;
  color: #e7eef8;
  border-color: #2a3d5c;
}
html[data-bs-theme=dark] .table {
  --bs-table-bg: transparent;
  --bs-table-color: #e7eef8;
  --bs-table-border-color: #2a3d5c;
  --bs-table-striped-bg: #1c2942;
  --bs-table-hover-bg: #243656;
  color: #e7eef8;
}
html[data-bs-theme=dark] #orderLines tr.table-secondary,
html[data-bs-theme=dark] #orderLines tr.table-secondary > td {
  background-color: #243044;
  color: #d5e2f2;
  border-color: #3d5270;
}
html[data-bs-theme=dark] #orderLines tr.table-secondary .form-control,
html[data-bs-theme=dark] #orderLines tr.table-secondary .form-select {
  background-color: #1a2738 !important;
  color: #d5e2f2 !important;
  border-color: #3d5270;
}
html[data-bs-theme=dark] table.dataTable > thead > tr > * {
  background-color: #123056 !important;
  color: #e7eef8 !important;
  border-color: #2a3d5c !important;
}
html[data-bs-theme=dark] table.dataTable > tbody > tr > * {
  background-color: #17233a !important;
  color: #e7eef8 !important;
  border-color: #2a3d5c !important;
}
html[data-bs-theme=dark] table.dataTable > tbody > tr:nth-child(odd) > * {
  background-color: #1c2942 !important;
}
html[data-bs-theme=dark] table.dataTable > tbody > tr:hover > * {
  background-color: #243656 !important;
}
html[data-bs-theme=dark] .page-link {
  background: #17233a;
  color: #8eb4e8;
  border-color: #2a3d5c;
}
html[data-bs-theme=dark] .page-item.active .page-link,
html[data-bs-theme=dark] .pagination .active .page-link {
  background-color: #1b4f9c;
  border-color: #1b4f9c;
  color: #fff;
}
html[data-bs-theme=dark] .editable-cell:focus,
html[data-bs-theme=dark] table.js-live-board .js-patch.form-control:focus,
html[data-bs-theme=dark] table.js-live-board .js-note.form-control:focus {
  background: #10192b !important;
  color: #e7eef8 !important;
}
html[data-bs-theme=dark] .app-header.nav-search-open .navbar-search-panel,
html[data-bs-theme=dark] .app-header .navbar-search-results,
html[data-bs-theme=dark] .app-header .navbar-search-results-abs {
  background: #17233a;
  color: #e7eef8;
  border-color: #2a3d5c;
}
html[data-bs-theme=dark] .tech-board-heading,
html[data-bs-theme=dark] .tech-week-ahead,
html[data-bs-theme=dark] #history .js-hist-invoice {
  color: #e7eef8 !important;
}
html[data-bs-theme=dark] .tech-week-ahead {
  background: #17233a;
  border-color: #2a3d5c;
}
html[data-bs-theme=dark] .tech-week-ahead-range { color: #9aafc8; }
html[data-bs-theme=dark] .tech-tabbar,
html[data-bs-theme=dark] .tech-app .tech-tabbar {
  background: #0c2347;
  border-top-color: #2a3d5c;
}
html[data-bs-theme=dark] .tech-tab,
html[data-bs-theme=dark] .tech-tabbar a.tech-tab {
  color: #b7c6dc;
}
html[data-bs-theme=dark] .tech-tab.is-active,
html[data-bs-theme=dark] .tech-tab.is-active i,
html[data-bs-theme=dark] .tech-tabbar a.tech-tab.is-active,
html[data-bs-theme=dark] .tech-tabbar a.tech-tab.is-active i {
  color: #fff;
  background: #1b4f9c;
}
html[data-bs-theme=dark] .tech-check,
html[data-bs-theme=dark] .tech-fulfill-opt,
html[data-bs-theme=dark] .tech-photo-actions,
html[data-bs-theme=dark] .tech-project-toolbar {
  background: #17233a;
  color: #e7eef8;
  border-color: #2a3d5c;
}
html[data-bs-theme=dark] .tech-photo-slot {
  background: #10192b;
  color: #c5d2e6;
  border-color: #3d5270;
}
html[data-bs-theme=dark] .tech-photo-preview { background: #0c2347; }
html[data-bs-theme=dark] .tech-photo-btn { color: #8eb4e8; }
html[data-bs-theme=dark] .dash-mobile-days {
  background: #0c2347 !important;
  color: #e7eef8 !important;
  border-top-color: #2a3d5c;
}
html[data-bs-theme=dark] .dash-mobile-days a {
  color: #e7eef8 !important;
  -webkit-text-fill-color: #e7eef8;
}
html[data-bs-theme=dark] .dash-mobile-days a.active {
  background: #d4a017 !important;
  color: #0c2347 !important;
  -webkit-text-fill-color: #0c2347;
}
html[data-bs-theme=dark] .dash-order-card {
  background: #17233a;
  border-color: #2a3d5c;
  color: #e7eef8;
}
html[data-bs-theme=dark] .dash-zone-hd {
  color: #e7eef8;
  background: #17233a;
}
html[data-bs-theme=dark] .dash-order-meta,
html[data-bs-theme=dark] .dash-project-hd,
html[data-bs-theme=dark] .dash-order-notes {
  color: #c5d2e6;
}
html[data-bs-theme=dark] .alert-success { background: #d7f0e8; color: #0a5242; border-color: #14856a; }
html[data-bs-theme=dark] .alert-danger { background: #f6d9d5; color: #7a241c; border-color: #c44536; }
html[data-bs-theme=dark] .alert-warning,
html[data-bs-theme=dark] .alert-warning .text-dark,
html[data-bs-theme=dark] .tech-app .card-header.bg-warning,
html[data-bs-theme=dark] .tech-app .bg-warning,
html[data-bs-theme=dark] .tech-app .bg-warning-subtle,
html[data-bs-theme=dark] .tech-partner-alert,
html[data-bs-theme=dark] .tech-partner-alert strong {
  background-color: #d4a017;
  color: #0c2347 !important;
}
html[data-bs-theme=dark] .alert-warning { border-color: #b3860e; }
html[data-bs-theme=dark] .btn-outline-primary {
  --bs-btn-color: #9ec0ef;
  --bs-btn-border-color: #6b9ae0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1b4f9c;
  --bs-btn-hover-border-color: #1b4f9c;
}
html[data-bs-theme=dark] .fc {
  --fc-page-bg-color: #17233a;
  --fc-neutral-bg-color: #1c2942;
  --fc-neutral-text-color: #c5d2e6;
  --fc-border-color: #2a3d5c;
  --fc-today-bg-color: rgba(27, 79, 156, .35);
  color: #e7eef8;
}
html[data-bs-theme=dark] .fc .fc-col-header-cell-cushion,
html[data-bs-theme=dark] .fc .fc-daygrid-day-number,
html[data-bs-theme=dark] .fc .fc-list-day-text,
html[data-bs-theme=dark] .fc .fc-list-day-side-text {
  color: #e7eef8;
}
html[data-bs-theme=dark] #upcomingZone details.js-zone-day {
  background: #10192b;
  border-color: #3d5270;
  color: #e7eef8;
}
html[data-bs-theme=dark] #upcomingZone details.js-zone-day > summary {
  color: #e7eef8;
}
html[data-bs-theme=dark] #upcomingZone details.js-zone-day > summary::before {
  opacity: .9;
}
html[data-bs-theme=dark] #upcomingZone details.js-zone-day > ul,
html[data-bs-theme=dark] #upcomingZone details.js-zone-day > ul li + li {
  border-top-color: #2a3d5c;
}
html[data-bs-theme=dark] #upcomingZone details.js-zone-day > ul a {
  color: #d5e4f7;
}
html[data-bs-theme=dark] #upcomingZone details.js-zone-day > ul a:hover {
  color: #fff;
}
html[data-bs-theme=dark] #upcomingZone .js-up-order.list-group-item-primary {
  background: #1b4f9c;
}
html[data-bs-theme=dark] #upcomingZone .js-up-order.list-group-item-primary a {
  color: #fff;
}
html[data-bs-theme=dark] #upcomingCard .text-info {
  color: #8fd6ef !important;
}
@media print {
  html[data-bs-theme=dark] body,
  html[data-bs-theme=dark] .app-main,
  html[data-bs-theme=dark] .card,
  html[data-bs-theme=dark] .card-body,
  html[data-bs-theme=dark] .table,
  html[data-bs-theme=dark] table.dataTable > tbody > tr > * {
    background: #fff !important;
    color: #000 !important;
  }
}