/**
 * J. Martin & Co. theme — Bootstrap 5 color tokens around royal blue.
 * Brand: navy/royal (#1B4F9C), cyan “and company” (#00A4D6), gold complement (#D4A017).
 * Keep the light royal-blue UI even when the phone OS is in dark mode.
 */
html {
  color-scheme: light;
}
:root, [data-bs-theme=light] {
  --jmc-royal: #1b4f9c;
  --jmc-royal-dark: #12356a;
  --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-info { color: #007ea5 !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;
}