html { font-size: 17px; }
:root {
  --cda-navy: #1F3A5F;
  --cda-blue: #1B5E9E;
  --cda-blue-dark: #134472;
  --cda-green: #3F7D20;
  --cda-green-dark: #2E6B1F;
  --bs-primary: #1B5E9E;
  --bs-primary-rgb: 27, 94, 158;
  --bs-link-color: #1B5E9E;
  --bs-link-color-rgb: 27, 94, 158;
  --bs-link-hover-color: #134472;
  --bs-link-hover-color-rgb: 19, 68, 114;
  --bs-body-bg: #F3F5F8;
  --bs-body-color: #1E2833;
  --bs-border-color: #DCE2E8;
}
body { background: #F3F5F8; }
.btn-primary { --bs-btn-bg: #1B5E9E; --bs-btn-border-color: #1B5E9E; --bs-btn-hover-bg: #134472; --bs-btn-hover-border-color: #134472; --bs-btn-active-bg: #134472; --bs-btn-active-border-color: #134472; }
.btn-outline-primary { --bs-btn-color: #1B5E9E; --bs-btn-border-color: #1B5E9E; --bs-btn-hover-bg: #1B5E9E; --bs-btn-hover-border-color: #1B5E9E; --bs-btn-active-bg: #1B5E9E; }
.btn-success { --bs-btn-bg: #3F7D20; --bs-btn-border-color: #3F7D20; --bs-btn-hover-bg: #2E6B1F; --bs-btn-hover-border-color: #2E6B1F; --bs-btn-active-bg: #2E6B1F; }
.text-success { color: #2E6B1F !important; }
.nav-tabs .nav-link.active { color: #1B5E9E; font-weight: 600; }
.form-control:focus, .form-select:focus { border-color: #1B5E9E; box-shadow: 0 0 0 .2rem rgba(27,94,158,.2); }
.btn, .form-control, .form-select { min-height: 44px; }
.btn-sm { min-height: 36px; }
.form-control-lg, .input-group-lg > .form-control { min-height: 52px; }

.cda-nav { background: var(--cda-navy); }
.cda-nav .navbar-brand { font-weight: 700; display: flex; align-items: center; gap: .6rem; }
.cda-mark { width: 30px; height: 30px; border-radius: 6px; background: var(--cda-blue); color: #fff; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.cda-nav .nav-link { color: #D6E0EC; }
.cda-nav .nav-link.active { color: #fff; font-weight: 600; background: rgba(255,255,255,.14); border-radius: 6px; }
.avatar { width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; color: #fff; }

.card { border-color: #DCE2E8; box-shadow: none; }
.card-header { background: #fff; border-bottom-color: #E8ECF0; font-weight: 600; }
.stat .label { font-size: .75rem; font-weight: 600; color: #5B6B7B; text-transform: uppercase; letter-spacing: .04em; }
.stat .value { font-size: 1.85rem; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
.stat .sub { font-size: .8rem; color: #5B6B7B; }

.table > :not(caption) > * > * { padding: .75rem .85rem; }
.table thead th { font-size: .75rem; font-weight: 600; color: #5B6B7B; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
.table td { font-variant-numeric: tabular-nums; vertical-align: middle; }
.row-link { cursor: pointer; }
.row-link:hover { background: #F8FAFC; }

.badge.st { font-weight: 600; font-size: .78rem; padding: .4em .8em; }
.st-submitted { background: #E3EDF8; color: #1B4F86; }
.st-needsinfo { background: #FBF0D9; color: #7A5300; }
.st-approved  { background: #DDF3EA; color: #1B6B45; }
.st-issued    { background: #E6E4F7; color: #4A3F9B; }
.st-delivered { background: #DFF2DD; color: #2E6B1F; }
.st-denied    { background: #ECE7E7; color: #6B4A4A; }

.doc-slot { border: 1px dashed #C9D2DC; border-radius: 8px; padding: .75rem; background: #fff; height: 100%; }
.doc-slot.present { border-style: solid; background: #F8FAFC; cursor: pointer; }
.doc-slot.present:hover { border-color: var(--cda-blue); }
.doc-thumb { height: 56px; border-radius: 6px; background: #F3F5F8; display: flex; align-items: center; justify-content: center; color: #8A97A4; font-size: .72rem; text-align: center; padding: 0 .4rem; }
.doc-slot.present .doc-thumb { background: #fff; border: 1px solid #E8ECF0; color: var(--cda-blue); }

.activity .item { display: flex; gap: .6rem; padding: .5rem 0; border-top: 1px solid #E8ECF0; font-size: .9rem; }
.activity .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--cda-blue); margin-top: 7px; flex-shrink: 0; }

.photo-tile { display: flex; align-items: center; gap: .75rem; padding: .7rem .8rem; border: 1px dashed #A9B6C3; border-radius: 10px; background: #fff; width: 100%; text-align: left; color: inherit; min-height: 64px; }
.photo-tile.done { border: 1px solid #B9D9B0; background: #F2F9EF; }
.photo-tile .ic { width: 46px; height: 46px; border-radius: 8px; background: #EAF1F8; color: var(--cda-blue); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.photo-tile.done .ic { background: #DCE9D6; color: var(--cda-green-dark); }

.big-tile { display: flex; align-items: center; gap: 1rem; padding: 1.1rem 1.2rem; border-radius: 12px; background: #fff; border: 1px solid #DCE2E8; color: inherit; text-decoration: none; min-height: 84px; }
.big-tile:hover { border-color: var(--cda-blue); color: inherit; }
.big-tile .ic { width: 48px; height: 48px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; }
.big-tile .t { font-size: 1.15rem; font-weight: 700; }
.big-tile .s { font-size: .85rem; color: #5B6B7B; }

.progress-fund { height: 12px; background: #E8ECF0; }
.progress-fund .bar-disb { background: var(--cda-green); }
.progress-fund .bar-comm { background: #9BC4E8; }
.legend-dot { width: 10px; height: 10px; border-radius: 2px; display: inline-block; margin-right: .35rem; }

.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, #1F3A5F 0 46%, #F3F5F8 46%); padding: 1rem; }
.login-card { width: 100%; max-width: 460px; }
.logo-box { height: 56px; flex: 1; border: 1px dashed #C9D2DC; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: .8rem; color: #5B6B7B; background: #fff; }
.secure-notice { border: 2px solid #B42318; border-radius: 8px; background: #FFF6F5; overflow: hidden; }
.secure-notice .head { background: #B42318; color: #fff; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .8rem; padding: .45rem .8rem; display: flex; align-items: center; gap: .5rem; }
.secure-notice .body { padding: .7rem .8rem; font-size: .84rem; line-height: 1.45; color: #4B1A14; }
.secure-notice .cite { font-size: .74rem; color: #7A2E25; border-top: 1px solid #F0C9C4; padding-top: .4rem; margin-top: .5rem; font-weight: 600; }

.mock-note { font-size: .8rem; color: #5B6B7B; }
.callout { border-left: 4px solid #7A5300; background: #FBF0D9; color: #5A3E00; border-radius: 8px; padding: .75rem 1rem; }
.callout.green { border-left-color: var(--cda-green); background: #F2F9EF; color: #234F13; }
.callout.blue { border-left-color: var(--cda-blue); background: #EAF1F8; color: #17395E; }
.viewer-frame { background: #E9EDF2; border-radius: 8px; min-height: 380px; display: flex; align-items: center; justify-content: center; color: #5B6B7B; text-align: center; padding: 2rem; }
.check-list .form-check-label { font-size: 1rem; }
.email-preview { background: #fff; border: 1px solid #DCE2E8; border-radius: 8px; max-width: 600px; margin: 0 auto; overflow: hidden; }
@media (max-width: 575.98px) {
  .stat .value { font-size: 1.5rem; }
  h1.h3 { font-size: 1.4rem; }
}


/* ---- portal additions ---- */
.cda-brand-mark { height: 34px; width: auto; border-radius: 6px; background: #fff; padding: 2px 4px; }
.doc-slot.present { border: 1px solid #C9D2DC; }
.doc-slot.present:focus { outline: 2px solid var(--cda-blue); }
.viewer-frame { min-height: 70vh; background: #E9EDF2; display: block; padding: 0; }
.viewer-pdf { width: 100%; height: 78vh; border: 0; display: block; }
.viewer-img-wrap { overflow: auto; max-height: 78vh; text-align: center; padding: .5rem; }
.viewer-img { max-width: 100%; height: auto; }
.photo-tile { cursor: pointer; }
.photo-tile:hover { border-color: var(--cda-blue); }
.photo-tile .tile-btn { white-space: nowrap; }
.splash { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, #1F3A5F 0 48%, #F3F5F8 48%); padding: 1rem; }
.splash-card { width: 100%; max-width: 520px; }
.splash-logos { display: flex; gap: 1.25rem; align-items: center; justify-content: center; flex-wrap: wrap; }
.splash-logos img { max-height: 64px; width: auto; max-width: 46%; }
.login-logos { display: flex; gap: 1rem; align-items: center; justify-content: center; margin-bottom: 1rem; }
.login-logos img { max-height: 50px; width: auto; max-width: 46%; }
.secure-line { font-size: .78rem; color: #5B6B7B; text-align: center; line-height: 1.4; }
.secure-line svg { vertical-align: -3px; margin-right: .25rem; color: #B42318; }
.step-track { display: flex; justify-content: space-between; text-align: center; font-size: .85rem; }
.step-track .dot { width: 14px; height: 14px; border-radius: 50%; margin: 0 auto .25rem; background: #DEE2E6; }
.step-track .on .dot { background: var(--cda-green); }
.step-track .on { font-weight: 600; }
.table-sm-cards td { vertical-align: middle; }
.list-group-item-action { cursor: pointer; }
.nav-tabs.scroll-x { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; }
.nav-tabs.scroll-x .nav-link { white-space: nowrap; }
.btn-needs { background: #7A5300; color: #fff; }
.btn-needs:hover { background: #5A3E00; color: #fff; }
@media (max-width: 575.98px) {
  .stat .value { font-size: 1.4rem; }
  .doc-slot .doc-thumb { height: 44px; }
}