/* Final Phase 1 compatibility layer for remaining legacy screens. */
.body-wrapper .content-area { background: #f6f9fd; }
.body-wrapper .content-area > .container { width: 100%; max-width: 1480px; }
.body-wrapper .content-area .breadcrumbs { margin-bottom: 14px; }
.body-wrapper .content-area .listing-filer,
.body-wrapper .content-area > .container > .sep-box {
  margin-bottom: 18px !important; padding: 18px 20px !important;
  border: 1px solid #d9e2f5 !important; border-radius: 10px !important;
  background: #fff !important; box-shadow: 0 3px 12px rgba(49,93,182,.06) !important;
}
.body-wrapper .content-area .listing-filer > .d-flex { gap: 16px; }
.body-wrapper .content-area .listing-filer .inner-bind { flex: 1 1 0; }
.body-wrapper .content-area .select-holder,
.body-wrapper .content-area .select-holder .form-control,
.body-wrapper .content-area .chosen-container-single .chosen-single,
.body-wrapper .content-area .chosen-container-multi .chosen-choices {
  min-height: 42px !important; border-color: #d9e2f5 !important; border-radius: 7px !important;
  background: #fff !important; background-image: none !important; color: #142549 !important; box-shadow: none !important;
}
.body-wrapper .content-area .chosen-container-single .chosen-single,
.body-wrapper .content-area .chosen-container-single .chosen-single span { line-height: 40px !important; }
.body-wrapper .content-area .chosen-container-active.chosen-with-drop .chosen-single,
.body-wrapper .content-area .chosen-container-active .chosen-choices,
.body-wrapper .content-area .select-holder:focus-within {
  border-color: #436e6f !important; box-shadow: 0 0 0 3px rgba(67,110,111,.16) !important;
}
.body-wrapper .content-area .chosen-results li.highlighted,
.body-wrapper .content-area .ui-autocomplete .ui-state-active {
  background: #1c4e4f !important; background-image: none !important; color: #fff !important;
}
.body-wrapper .content-area .common-table-wrapper,
.body-wrapper .content-area #pagination-result > .sep-box,
.body-wrapper .content-area #pagination-result > .common-table-wrapper {
  overflow: hidden; border: 1px solid #d9e2f5 !important; border-radius: 11px !important;
  background: #fff !important; box-shadow: 0 4px 14px rgba(49,93,182,.06) !important;
}
.body-wrapper .content-area .common-table-wrapper table,
.body-wrapper .content-area #pagination-result table { width: 100%; margin-bottom: 0 !important; }
.body-wrapper .content-area .common-table-wrapper th,
.body-wrapper .content-area #pagination-result th {
  padding: 11px 13px !important; border-color: #d9e2f5 !important; background: #f1f5fd !important;
  color: #60697c !important; font-size: 12px !important; font-weight: 800 !important;
  letter-spacing: .45px; text-transform: uppercase;
}
.body-wrapper .content-area .common-table-wrapper td,
.body-wrapper .content-area #pagination-result td {
  padding: 13px !important; border-color: #edf1f8 !important; color: #142549 !important;
  font-size: 14px !important; line-height: 1.45 !important; vertical-align: middle !important;
}
.body-wrapper .content-area .common-table-wrapper tbody tr:hover,
.body-wrapper .content-area #pagination-result tbody tr:hover { background: #f6f9fd !important; }
.body-wrapper .content-area .pagingnation a.active,
.body-wrapper .content-area .pagingnation a:hover,
.body-wrapper .content-area .btn-primary,
.body-wrapper .content-area .search-btn,
.body-wrapper .content-area .go-btn,
.body-wrapper .content-area input[type="submit"] {
  border-color: #1c4e4f !important; background: #1c4e4f !important; color: #fff !important;
}
.body-wrapper .content-area .btn-primary:hover,
.body-wrapper .content-area .search-btn:hover,
.body-wrapper .content-area .go-btn:hover,
.body-wrapper .content-area input[type="submit"]:hover { background: #0a2d2e !important; }
.body-wrapper .content-area h1,
.body-wrapper .content-area h2,
.body-wrapper .content-area h3,
.body-wrapper .content-area h4,
.body-wrapper .content-area h5 { color: #142549; }

/* Dashboard typography baseline for report/listing screens. */
.body-wrapper .content-area .listing-filer label,
.body-wrapper .content-area [class$="-field"] > label { font-size:12px !important; line-height: 1.35 !important; }
.body-wrapper .content-area input,
.body-wrapper .content-area select,
.body-wrapper .content-area textarea,
.body-wrapper .content-area .chosen-single,
.body-wrapper .content-area .chosen-results li { font-size: 14px !important; }
.body-wrapper .content-area [class$="-panel-head"] h4,
.body-wrapper .content-area [class$="-section-head"] h4 { font-size: 16px !important; }
.body-wrapper .content-area [class$="-panel-head"] span,
.body-wrapper .content-area [class$="-section-head"] p { font-size: 13px !important; }
.body-wrapper .content-area [class$="-kpi"] small,
.body-wrapper .content-area [class$="-stat"] small,
.body-wrapper .content-area [class$="-summary-card"] small { font-size:12px !important; line-height: 1.4 !important; }
.body-wrapper .content-area [class$="-kpi"] span,
.body-wrapper .content-area [class$="-stat"] span,
.body-wrapper .content-area [class$="-summary-card"] span { font-size: 13px !important; }
.body-wrapper .content-area .cfrx-legend,
.body-wrapper .content-area .cfrx-matrix-caption { font-size: 13px !important; }
.body-wrapper .content-area .cfrx-bar span,
.body-wrapper .content-area .cfrx-matrix-category small { font-size: 12px !important; }
.body-wrapper .content-area .cfrx-month-values,
.body-wrapper .content-area .cfrx-tab { font-size: 13px !important; }
.body-wrapper .content-area .cfrx-matrix th { font-size: 12px !important; }
.body-wrapper .content-area .cfrx-matrix td,
.body-wrapper .content-area .cfrx-matrix-category strong { font-size: 14px !important; line-height: 1.45 !important; }
.body-wrapper .content-area table[class$="-table"] th { font-size: 12px !important; line-height: 1.35 !important; }
.body-wrapper .content-area table[class$="-table"] td { font-size: 14px !important; line-height: 1.45 !important; }
.body-wrapper .content-area table[class$="-table"] td small,
.body-wrapper .content-area table[class$="-table"] td [class$="-detail"],
.body-wrapper .content-area table[class$="-table"] td [class$="-kind"] { font-size: 13px !important; line-height: 1.4 !important; }
.body-wrapper .content-area [class*="-status"],
.body-wrapper .content-area [class*="-badge"],
.body-wrapper .content-area [class*="-pill"] { font-size: 13px !important; line-height: 1.4 !important; }
.body-wrapper .content-area button,
.body-wrapper .content-area .btn,
.body-wrapper .content-area [class$="-reset"],
.body-wrapper .content-area [class$="-apply"] { font-size: 13px !important; }

@media (max-width: 767px) {
  .body-wrapper .content-area .listing-filer,
  .body-wrapper .content-area > .container > .sep-box { padding: 15px !important; }
  .body-wrapper .content-area .listing-filer > .d-flex { display: block !important; }
  .body-wrapper .content-area .listing-filer .inner-bind + .inner-bind { margin-top: 10px; }
}