/* Site theme - teal accent matching the "Look Up My Record" button (#53a4ad) */
:root,
[data-bs-theme="light"] {
  --bs-primary: #53a4ad;
  --bs-primary-rgb: 83, 164, 173;
  --bs-primary-text-emphasis: #326268;
  --bs-primary-bg-subtle: #ddedef;
  --bs-primary-border-subtle: #badbde;
  --bs-link-color: #3f8189;
  --bs-link-color-rgb: 63, 129, 137;
  --bs-link-hover-color: #336870;
  --bs-link-hover-color-rgb: 51, 104, 112;
}

.btn-primary {
  --bs-btn-bg: #53a4ad;
  --bs-btn-border-color: #53a4ad;
  --bs-btn-hover-bg: #478b93;
  --bs-btn-hover-border-color: #42838a;
  --bs-btn-active-bg: #42838a;
  --bs-btn-active-border-color: #3e7b82;
  --bs-btn-disabled-bg: #53a4ad;
  --bs-btn-disabled-border-color: #53a4ad;
  --bs-btn-focus-shadow-rgb: 83, 164, 173;
}

.btn-outline-primary {
  --bs-btn-color: #3f8189;
  --bs-btn-border-color: #53a4ad;
  --bs-btn-hover-bg: #53a4ad;
  --bs-btn-hover-border-color: #53a4ad;
  --bs-btn-active-bg: #53a4ad;
  --bs-btn-active-border-color: #53a4ad;
  --bs-btn-disabled-color: #3f8189;
  --bs-btn-disabled-border-color: #53a4ad;
  --bs-btn-focus-shadow-rgb: 83, 164, 173;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #a9d2d6;
  box-shadow: 0 0 0 0.25rem rgba(83, 164, 173, 0.25);
}

.form-check-input:checked {
  background-color: #53a4ad;
  border-color: #53a4ad;
}

html {
  font-size: 16px;
}

html,
body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

body {
  margin: 0;
}

.table-responsive {
  padding-bottom: 2px;
  max-height: calc(100vh - 260px);
  overflow: auto;
}

.table-responsive thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #f8f9fa;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
}

* {
  box-sizing: border-box;
}

.edit-screen {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 16px;
  height: 100%;
  overflow: auto;
}

.edit-form-12pt,
.edit-form-12pt .form-label,
.edit-form-12pt .form-control,
.edit-form-12pt .form-select,
.edit-form-12pt .form-check-label,
.edit-form-12pt .form-text {
  font-size: 10pt;
}

.edit-form-12pt .form-control,
.edit-form-12pt .form-select,
.edit-form-12pt textarea {
  min-height: 34px;
}

.edit-form-12pt .form-label,
.edit-form-12pt .form-text {
  margin-bottom: 0.2rem;
}

.edit-form-12pt .card-header {
  padding: 0.5rem 0.75rem;
}

.edit-form-12pt .card-body {
  padding: 0.75rem;
}

.edit-form-12pt .mb-3,
.edit-form-12pt .mb-0 {
  margin-bottom: 0.5rem !important;
}

.edit-form-12pt textarea.form-control {
  min-height: 80px;
}

input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.15);
}
