/* ── Keystone Brand Colors ──────────────────────────────────────────────── */
:root {
  --ks-teal:        #09605B;
  --ks-teal-dark:   #074d49;
  --ks-teal-light:  #e6f2f1;
  --ks-yellow:      #E8C33A;
  --ks-yellow-dark: #c9a820;
}

/* ── Navbar ─────────────────────────────────────────────────────────────── */
.navbar {
  background-color: var(--ks-teal) !important;
}

/* ── Buttons ────────────────────────────────────────────────────────────── */
.btn-primary {
  background-color: var(--ks-teal);
  border-color:     var(--ks-teal);
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--ks-teal-dark);
  border-color:     var(--ks-teal-dark);
  color: #fff;
}
.btn-outline-primary {
  color:        var(--ks-teal);
  border-color: var(--ks-teal);
}
.btn-outline-primary:hover {
  background-color: var(--ks-teal);
  border-color:     var(--ks-teal);
  color: #fff;
}

/* ── Card headers ───────────────────────────────────────────────────────── */
.card-header.bg-primary {
  background-color: var(--ks-teal) !important;
}

/* ── Progress bar ───────────────────────────────────────────────────────── */
.progress-bar.bg-primary {
  background-color: var(--ks-teal) !important;
}

/* ── Text & links ───────────────────────────────────────────────────────── */
.text-primary {
  color: var(--ks-teal) !important;
}
a {
  color: var(--ks-teal);
}
a:hover {
  color: var(--ks-teal-dark);
}

/* ── Badges ─────────────────────────────────────────────────────────────── */
.badge.bg-primary,
.badge.bg-secondary {
  background-color: var(--ks-teal) !important;
}
.bg-primary-subtle {
  background-color: var(--ks-teal-light) !important;
}
.text-primary-emphasis {
  color: var(--ks-teal-dark) !important;
}
.border-primary-subtle {
  border-color: #9ecfcd !important;
}

/* ── Admin table hover ───────────────────────────────────────────────────── */
.table-hover tbody tr:hover {
  background-color: var(--ks-teal-light);
}

/* ── Focus rings ────────────────────────────────────────────────────────── */
.form-control:focus,
.form-check-input:focus {
  border-color: var(--ks-teal);
  box-shadow: 0 0 0 0.2rem rgba(9, 96, 91, 0.2);
}
.form-check-input:checked {
  background-color: var(--ks-teal);
  border-color:     var(--ks-teal);
}

/* ── Navbar logo ─────────────────────────────────────────────────────────── */
.navbar-brand img {
  height: 36px;
  width: auto;
}

/* ── Navbar subtitle ("Third Party Risk Assessment") ────────────────────── */
.navbar-subtitle {
  color: #ECDD31 !important;
}

/* ── Progress bar wrapper stays visually under navbar ───────────────────── */
#progress-bar-wrapper {
  top: 56px;
}

/* ── Textareas resize vertically only ───────────────────────────────────── */
textarea.form-control {
  resize: vertical;
  min-height: 100px;
}

/* ── Print styles ───────────────────────────────────────────────────────── */
@media print {
  #progress-bar-wrapper,
  nav.navbar,
  footer,
  .btn,
  form[method="POST"],
  #supporting_docs,
  #file-list,
  .alert-info {
    display: none !important;
  }
  .card {
    border: 1px solid #dee2e6 !important;
    box-shadow: none !important;
    page-break-inside: avoid;
  }
  .card-header.bg-primary {
    background-color: var(--ks-teal) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}