/* Phase 1 shared skin for the income register, forms and reports. */
.phase1-income-page { background: var(--p1-page, #f6f9fd) !important; color: var(--p1-text, #142549); }
.phase1-income-page .content-area > .container { width: 100%; max-width: 1480px; }
.phase1-income-page .listing-filer {
  margin-bottom: 18px !important; padding: 18px 20px !important;
  border: 1px solid var(--p1-border, #d9e2f5) !important; border-radius: 10px !important;
  background: #fff !important; box-shadow: 0 3px 12px rgba(49,93,182,.06) !important;
}
.phase1-income-page .listing-filer > .d-flex { gap: 16px; }
.phase1-income-page .listing-filer .inner-bind { flex: 1 1 0; }
.phase1-income-page .select-holder,
.phase1-income-page .select-holder .form-control,
.phase1-income-page .chosen-container-single .chosen-single {
  min-height: 42px !important; border-color: var(--p1-border, #d9e2f5) !important;
  border-radius: 7px !important; background: #fff !important; background-image: none !important;
  color: var(--p1-text, #142549) !important; box-shadow: none !important;
}
.phase1-income-page .chosen-container-single .chosen-single,
.phase1-income-page .chosen-container-single .chosen-single span { line-height: 40px !important; }
.phase1-income-page .chosen-container-active.chosen-with-drop .chosen-single,
.phase1-income-page .select-holder .form-control:focus {
  border-color: #436e6f !important; box-shadow: 0 0 0 3px rgba(67,110,111,.16) !important;
}
.phase1-income-page .chosen-results li.highlighted {
  background: var(--p1-primary, #315db6) !important; background-image: none !important; color: #fff !important;
}
.phase1-income-page #pagination-result > .sep-box,
.phase1-income-page #pagination-result > .common-table-wrapper,
.phase1-income-page .report-box,
.phase1-income-page .common-table-wrapper {
  overflow: hidden; border: 1px solid var(--p1-border, #d9e2f5) !important;
  border-radius: 11px !important; background: #fff !important;
  box-shadow: 0 4px 14px rgba(49,93,182,.06) !important;
}
.phase1-income-page .common-table-wrapper table,
.phase1-income-page #pagination-result table { width: 100%; margin-bottom: 0 !important; }
.phase1-income-page .common-table-wrapper th,
.phase1-income-page #pagination-result th {
  padding: 11px 13px !important; border-color: var(--p1-border, #d9e2f5) !important;
  background: var(--p1-primary-soft, #f1f5fd) !important; color: var(--p1-muted, #60697c) !important;
  font-size: 12px !important; font-weight: 800 !important; letter-spacing: .45px; text-transform: uppercase;
}
.phase1-income-page .common-table-wrapper td,
.phase1-income-page #pagination-result td {
  padding: 13px !important; border-color: #edf1f8 !important; color: var(--p1-text, #142549) !important;
  font-size: 13px !important; line-height: 1.45 !important; vertical-align: middle !important;
}
.phase1-income-page .common-table-wrapper tbody tr:hover,
.phase1-income-page #pagination-result tbody tr:hover { background: #f6f9fd !important; }

/* Keep every value in the modern income register at the requested listing size. */
.phase1-income-page #incomeBetaResults .inb-table td,
.phase1-income-page #incomeBetaResults .inb-date,
.phase1-income-page #incomeBetaResults .inb-account,
.phase1-income-page #incomeBetaResults .inb-category,
.phase1-income-page #incomeBetaResults .inb-description,
.phase1-income-page #incomeBetaResults .inb-detail,
.phase1-income-page #incomeBetaResults .inb-invoice-ref,
.phase1-income-page #incomeBetaResults .inb-dept-chip,
.phase1-income-page #incomeBetaResults .inb-empty-ref,
.phase1-income-page #incomeBetaResults .inb-amount,
.phase1-income-page #incomeBetaResults .inb-status {
  font-size: 13px !important;
}
.phase1-income-page .pagingnation a.active,
.phase1-income-page .pagingnation a:hover,
.phase1-income-page .btn-primary,
.phase1-income-page .search-btn,
.phase1-income-page input[type="submit"] {
  border-color: var(--p1-primary, #315db6) !important; background: var(--p1-primary, #315db6) !important; color: #fff !important;
}
.phase1-income-page a:not(.status):not(.btn):hover { color: var(--p1-primary-hover, #274b92); }

.phase1-income-form-page { background: #fff !important; }
.phase1-income-form-page .common-pop .popup-head { padding: 16px 20px !important; background: var(--p1-hero-background) !important; }
.phase1-income-form-page .common-pop .fill-form { padding: 15px 20px 3px !important; }
.phase1-income-form-page .common-pop .input-wrapper { margin-bottom: 11px !important; padding-bottom: 0 !important; }
.phase1-income-form-page .common-pop .custom-control { margin: 3px 0 10px !important; }
.phase1-income-form-page .common-pop .popup-footer { gap: 10px !important; padding: 12px 20px !important; }
.phase1-income-form-page .common-pop .submit-btn,
.phase1-income-form-page .common-pop input.submit-btn {
  margin: 0 !important; border-radius: 8px !important; background: var(--p1-primary, #315db6) !important;
  box-shadow: 0 3px 8px rgba(10,45,46,.2) !important;
}
.phase1-income-form-page .common-pop .submit-btn:hover { background: var(--p1-primary-hover, #274b92) !important; }
.phase1-income-form-page .common-pop .chosen-results li.highlighted,
.phase1-income-form-page .common-pop .nice-select .option:hover,
.phase1-income-form-page .common-pop .nice-select .option.focus {
  background: var(--p1-primary-soft, #f1f5fd) !important; color: var(--p1-text, #142549) !important;
}

@media (max-width: 767px) {
  .phase1-income-page .listing-filer { padding: 15px !important; }
  .phase1-income-page .listing-filer > .d-flex { display: block !important; }
  .phase1-income-page .listing-filer .inner-bind + .inner-bind { margin-top: 10px; }
  .phase1-income-form-page .common-pop .fill-form { padding-left: 15px !important; padding-right: 15px !important; }
}
