:root {
  --jd-950: #0a2d2e;
  --jd-800: #1c4e4f;
  --jd-650: #436e6f;
  --jd-500: #6a8e8f;
  --jd-400: #879693;
  --jd-300: #a49e97;
  --jd-200: #deae9f;
  --jd-100: #efd7cf;
  --jd-050: #f7ebe7;
  --jd-white: #ffffff;
  --p1-primary: #1c4e4f;
  --p1-primary-hover: #0a2d2e;
  --p1-primary-soft: #f7ebe7;
  --p1-text: #0a2d2e;
  --p1-muted: #6a8e8f;
  --p1-border: #efd7cf;
  --p1-hero-background: linear-gradient(120deg, #0a2d2e 0%, #1c4e4f 50%, #436e6f 100%);
}

html, body { color: var(--jd-950); background: var(--jd-white); }
a { color: var(--jd-800); }
a:hover, a:focus { color: var(--jd-950); }
::selection { color: var(--jd-white); background: var(--jd-650); }

.dash-menu { background: var(--jd-950) !important; }
.dash-logo { border-color: rgba(255,255,255,.12) !important; }
.dash-brand-mark { background: var(--jd-200) !important; color: var(--jd-950) !important; }
.dash-brand-name, .dash-menu .side-menu a { color: var(--jd-100) !important; }
.dash-menu .side-menu a:hover,
.dash-menu .side-menu a.active { background: var(--jd-800) !important; color: var(--jd-white) !important; }
.dash-menu .side-menu a i { color: var(--jd-200) !important; }
.dash-menu .side-menu a.active i { color: var(--jd-white) !important; }

.top-header, .header, .content-header, .common-pop, .fd-card,
.inb-panel, .exb-panel, .bnb-panel, .common-table-wrapper { background-color: var(--jd-white) !important; }
.content-area, .finance-dashboard { background: var(--jd-white) !important; }

.btn-addinvoice, .submit-btn, button[type="submit"], input[type="submit"],
.btn-primary, .inb-primary, .exb-primary, .bnb-primary {
  border-color: var(--jd-800) !important;
  background: var(--jd-800) !important;
  color: var(--jd-white) !important;
}
.btn-addinvoice:hover, .submit-btn:hover, button[type="submit"]:hover,
input[type="submit"]:hover, .btn-primary:hover {
  border-color: var(--jd-950) !important;
  background: var(--jd-950) !important;
}

input.form-control, select.form-control, textarea.form-control,
.chosen-container-single .chosen-single, select.wide {
  border-color: var(--jd-100) !important;
  color: var(--jd-950) !important;
  background-color: var(--jd-white) !important;
}
input.form-control:focus, select.form-control:focus, textarea.form-control:focus,
.chosen-container-active .chosen-single {
  border-color: var(--jd-650) !important;
  box-shadow: 0 0 0 3px rgba(67,110,111,.15) !important;
}
.input-wrapper label, .popup-head h3, .page-title h1, h1, h2, h3, h4,
table th { color: var(--jd-950) !important; }
table th, .inb-table th, .exb-table th { background: var(--jd-050) !important; }
table td { border-color: var(--jd-100) !important; }
.breadcrumbs a, .inb-muted, .exb-muted { color: var(--jd-500) !important; }

.finance-dashboard .fd-shell {
  --ink: var(--jd-950);
  --muted: var(--jd-500);
  --line: var(--jd-100);
  --surface: var(--jd-white);
  --green: var(--jd-800);
  --green-soft: var(--jd-050);
  --red: var(--jd-200);
  --red-soft: var(--jd-050);
  --blue: var(--jd-650);
  --amber: var(--jd-300);
}
.fd-hero {
  background: radial-gradient(circle at 86% 0, rgba(222,174,159,.34), transparent 34%),
              linear-gradient(125deg, var(--jd-950), var(--jd-800) 62%, var(--jd-650)) !important;
}
.fd-kicker { color: var(--jd-100) !important; font-size: 12px !important; }
.fd-kicker i { background: var(--jd-200) !important; }
.fd-hero h1 { font-size: 34px !important; }
.fd-hero p { color: var(--jd-100) !important; font-size: 15px !important; }
.fd-period label, .fd-period > span { color: var(--jd-100) !important; font-size: 11px !important; }
.fd-period select { font-size: 14px !important; }
.fd-hero { overflow: visible !important; z-index: 20; }
.fd-hero:before, .fd-hero:after { display: none !important; }
.fd-period { z-index: 30; }
.fd-period .nice-select { width: 100% !important; }
.fd-period .nice-select .list {
  z-index: 1000 !important;
  width: 100% !important;
  max-height: 260px;
  overflow-y: auto;
  border: 1px solid var(--jd-100) !important;
  background: var(--jd-white) !important;
  box-shadow: 0 14px 30px rgba(10,45,46,.18) !important;
}
.fd-period .nice-select .option { color: var(--jd-950) !important; background: var(--jd-white) !important; }
.fd-period .nice-select .option:hover,
.fd-period .nice-select .option.focus { color: var(--jd-950) !important; background: var(--jd-050) !important; }
.fd-period .nice-select .option.selected { color: var(--jd-white) !important; background: var(--jd-800) !important; }
.fd-kpis { position: relative; z-index: 1; }
.fd-btn { font-size: 13px !important; }
.fd-btn-light { color: var(--jd-950) !important; }
.fd-kpi span { font-size: 11px !important; }
.fd-kpi strong { font-size: 27px !important; }
.fd-kpi small { font-size: 11px !important; }
.fd-section-label { font-size: 10px !important; }
.fd-card header h2 { font-size: 18px !important; }
.fd-card header p, .fd-card header > a, .fd-card header > div + a { font-size: 11px !important; }
.fd-legend { font-size: 11px !important; }
.fd-account strong, .fd-category-row strong { font-size: 12px !important; }
.fd-account small, .fd-category-row small { font-size: 10px !important; }
.fd-account > b, .fd-category-row > b { font-size: 12px !important; }
.fd-alert small, .fd-alert div > span, .fd-projection span, .fd-projection small { font-size: 10px !important; }
.fd-alert strong { font-size: 19px !important; }
.fd-projection { background: var(--jd-950) !important; }
.fd-activity th { font-size: 10px !important; }
.fd-activity td { font-size: 12px !important; }
.fd-type, .fd-activity-links a { font-size: 11px !important; }
.fd-description { color: var(--jd-650) !important; }
.fd-cash .highcharts-series-0 rect { fill: var(--jd-800) !important; }
.fd-cash .highcharts-series-1 rect { fill: var(--jd-200) !important; }
.fd-categories .highcharts-series path:nth-child(1) { fill: var(--jd-950) !important; }
.fd-categories .highcharts-series path:nth-child(2) { fill: var(--jd-800) !important; }
.fd-categories .highcharts-series path:nth-child(3) { fill: var(--jd-650) !important; }
.fd-categories .highcharts-series path:nth-child(4) { fill: var(--jd-500) !important; }
.fd-categories .highcharts-series path:nth-child(5) { fill: var(--jd-200) !important; }
.fd-categories .highcharts-series path:nth-child(6) { fill: var(--jd-300) !important; }

.inb-status.cleared, .exb-status.cleared { color: var(--jd-800) !important; background: var(--jd-050) !important; }
.inb-status.awaiting, .exb-status.awaiting { color: var(--jd-950) !important; background: var(--jd-100) !important; }
@media (max-width: 767px) { .fd-hero h1 { font-size: 28px !important; } }

/* Final-cascade overrides for finance pages that define local styles. */
.icr-head, .exr-head, .cfr-head, .cff-hero, .bad-hero, .mss-hero,
.inb-hero, .exb-hero, .bnb-hero, .bank-hero, .report-hero {
  background: linear-gradient(125deg, var(--jd-950), var(--jd-800) 62%, var(--jd-650)) !important;
  box-shadow: 0 9px 25px rgba(10,45,46,.18) !important;
}
.icr-head *, .exr-head *, .cfr-head *, .cff-hero *, .bad-hero *, .mss-hero *,
.inb-hero *, .exb-hero *, .bnb-hero *, .bank-hero *, .report-hero * { color: var(--jd-white) !important; }

.icr-apply, .exr-apply, .cfr-apply, .cff-tab.active,
.inb-pagination button.active, .exb-pagination button.active, .bnb-pagination button.active,
.bad-pagination button.active, .pagination .active a, .pagination .active span,
.chosen-container .chosen-results li.highlighted {
  border-color: var(--jd-800) !important;
  background: var(--jd-800) !important;
  background-image: none !important;
  color: var(--jd-white) !important;
}
.icr-reset, .exr-reset, .cfr-reset, .bad-delete, .inb-actions a, .exb-actions a,
.exb-actions button, .bnb-actions a {
  border-color: var(--jd-100) !important;
  background: var(--jd-white) !important;
  color: var(--jd-800) !important;
}
.icr-reset:hover, .exr-reset:hover, .cfr-reset:hover, .bad-delete:hover,
.inb-actions a:hover, .exb-actions a:hover, .exb-actions button:hover, .bnb-actions a:hover {
  border-color: var(--jd-800) !important;
  background: var(--jd-800) !important;
  color: var(--jd-white) !important;
}

.icr-field select, .icr-field input, .exr-field select, .exr-field input,
.cfr-field select, .cfr-field input, .bad-date input,
.chosen-container-single .chosen-single, .chosen-container-multi .chosen-choices {
  border-color: var(--jd-100) !important;
}
.icr-field .chosen-container-active .chosen-single,
.exr-field .chosen-container-active .chosen-single,
.cfr-field .chosen-container-active .chosen-single {
  border-color: var(--jd-650) !important;
  box-shadow: 0 0 0 3px rgba(67,110,111,.14) !important;
}

.icrx-kpi, .exrx-kpi, .bad-stat, .bnb-stat, .inb-stat, .exb-stat {
  border-left-color: var(--jd-650) !important;
}
.icrx-kpi.good, .exrx-kpi.vendor, .bad-stat.in { border-left-color: var(--jd-800) !important; }
.icrx-kpi.warn, .exrx-kpi.source, .bad-stat.out { border-left-color: var(--jd-200) !important; }
.icrx-kpi strong, .exrx-kpi strong, .bad-stat strong,
.icrx-head h4, .exrx-head h4, .bad-panel-head h4 { color: var(--jd-950) !important; }
.icrx-category, .exrx-category, .inb-category, .exb-category,
.icrx-amount, .exrx-amount, .inb-amount, .exb-amount,
.bad-reference-value, .bad-balance { color: var(--jd-800) !important; }
.icrx-account, .exrx-account, .bad-reference-icon { border-color: var(--jd-650) !important; }

.icrx-table th, .exrx-table th, .bad-table th,
.inb-table th, .exb-table th, .bnb-table th {
  background: var(--jd-050) !important;
  color: var(--jd-950) !important;
}
.icrx-table tbody tr:hover, .exrx-table tbody tr:hover, .bad-table tbody tr:hover,
.inb-table tbody tr:hover, .exb-table tbody tr:hover, .bnb-table tbody tr:hover {
  background: var(--jd-050) !important;
}
.icrx-panel, .exrx-panel, .bad-panel, .inb-panel, .exb-panel, .bnb-panel,
.sep-box { border-color: var(--jd-100) !important; box-shadow: 0 4px 14px rgba(10,45,46,.06) !important; }

.ui-state-active, .ui-widget-content .ui-state-active,
.ui-menu-item-wrapper.ui-state-active {
  border-color: var(--jd-800) !important;
  background: var(--jd-800) !important;
  color: var(--jd-white) !important;
}

.common-pop .popup-head {
  background: linear-gradient(125deg, var(--jd-950), var(--jd-800) 65%, var(--jd-650)) !important;
}
.common-pop .resp-tabs-list li.resp-tab-active { color: var(--jd-800) !important; border-bottom-color: var(--jd-800) !important; }
.common-pop .form-control:focus, .common-pop .input-wrapper select:focus,
.common-pop .chosen-container-active.chosen-with-drop .chosen-single {
  border-color: var(--jd-650) !important;
  box-shadow: 0 0 0 3px rgba(67,110,111,.14) !important;
}
.common-pop .chosen-results li.highlighted, .common-pop .nice-select .option:hover,
.common-pop .nice-select .option.focus { background: var(--jd-050) !important; color: var(--jd-800) !important; }
.common-pop .common-table-wrapper .table th { background: var(--jd-050) !important; border-color: var(--jd-100) !important; color: var(--jd-650) !important; }
.common-pop .submit-btn, .common-pop input.submit-btn, .common-pop button.submit-btn {
  background: var(--jd-800) !important;
}
.common-pop .submit-btn:hover { background: var(--jd-950) !important; }

.inb-add, .exb-add, .bnb-add { color: var(--jd-800) !important; }
.inb-stat:before, .exb-stat:before, .bnb-stat:before { background: var(--jd-650) !important; }
.inb-stat.pending:before, .exb-stat.pending:before { background: var(--jd-200) !important; }
.inb-stat.count:before, .exb-stat.count:before { background: var(--jd-500) !important; }
.inb-field input, .inb-field select, .exb-field input, .exb-field select,
.bnb-field input, .bnb-field select, .inb-field #date-range, .exb-field #date-range {
  border-color: var(--jd-100) !important;
}
.inb-field input:focus, .inb-field select:focus, .exb-field input:focus,
.exb-field select:focus, .inb-field #date-range:focus, .exb-field #date-range:focus {
  border-color: var(--jd-650) !important;
  box-shadow: 0 0 0 3px rgba(67,110,111,.14) !important;
}
.inb-table-meta, .exb-table-meta, .bnb-table-meta { background: var(--jd-050) !important; }
.inb-category { background: var(--jd-050) !important; color: var(--jd-800) !important; }
.inb-amount, .exb-amount, .bnb-amount { color: var(--jd-950) !important; }
.inb-pagination button.active, .exb-pagination button.active, .bnb-pagination button.active {
  border-color: var(--jd-800) !important; background: var(--jd-800) !important;
}
.exrx-vendor-head strong, .exrx-vendor-card strong { color: var(--jd-800) !important; }
.exrx-rank { color: var(--jd-100) !important; }
.exrx-track i { background: var(--jd-200) !important; }

/* Expense create/edit forms are intentionally single-page, without tabs. */
.phase1-expense-form-page .genTabs > .tab-links,
.phase1-expense-form-page .resp-tabs-list,
.phase1-expense-form-page .resp-accordion { display: none !important; }
.phase1-expense-form-page .resp-tabs-container,
.phase1-expense-form-page .resp-tabs-container > div {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
}
.phase1-expense-form-page .resp-tabs-container > div + div .fill-form { padding-top: 0 !important; }

.bab-hero {
  background: linear-gradient(125deg, var(--jd-950), var(--jd-800) 62%, var(--jd-650)) !important;
  box-shadow: 0 9px 25px rgba(10,45,46,.18) !important;
}
.bab-add-account, .bab-card-foot a, .bab-bank-icon { color: var(--jd-800) !important; }
.bab-add-account:hover { background: var(--jd-050) !important; color: var(--jd-950) !important; }
.bab-summary-card:before, .bab-card:before { background: var(--jd-650) !important; }
.bab-summary-card.credit:before, .bab-card.od:before { background: var(--jd-200) !important; }
.bab-summary-card.accounts:before { background: var(--jd-500) !important; }
.bab-bank-icon { background: var(--jd-050) !important; }
.bab-list-head, .bab-table th { background: var(--jd-050) !important; color: var(--jd-950) !important; }
.bab-field .chosen-container-single .chosen-single { border-color: var(--jd-100) !important; }
.bab-field .chosen-container-active .chosen-single {
  border-color: var(--jd-650) !important;
  box-shadow: 0 0 0 3px rgba(67,110,111,.16) !important;
}
.bab-field .chosen-results li.highlighted { background: var(--jd-800) !important; color: var(--jd-white) !important; }
.bab-table-actions a:hover { border-color: var(--jd-800) !important; background: var(--jd-800) !important; color: var(--jd-white) !important; }

.dash-menu .side-account-panel { background: var(--jd-white) !important; border-color: var(--jd-100) !important; }
.dash-menu .side-account-panel .side-user-copy strong { color: var(--jd-950) !important; }
.dash-menu .side-account-panel .side-user-copy small { color: var(--jd-650) !important; }
.dash-menu .side-account-panel .side-privacy-row { color: var(--jd-800) !important; }
.dash-menu .side-account-panel .side-logout-icon { background: var(--jd-white) !important; border-color: var(--jd-100) !important; color: var(--jd-800) !important; }
.dash-menu .side-account-panel .side-logout-icon svg { color: inherit !important; }
.dash-menu .side-account-panel .side-logout-icon:hover { background: var(--jd-800) !important; border-color: var(--jd-800) !important; color: var(--jd-white) !important; }