/*
  NextTech Core - Invoice APEX styles
  Source file for app-specific CSS used by the Invoice APEX application.

  APEX usage:
  1. Upload this file as a Static Application File.
  2. Reference it with #APP_FILES#css/app.css.
*/

/* Status badges for reports, cards and read-only status fields. */
.ntc-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
}

.ntc-badge-success {
  background-color: #dcfce7;
  color: #166534;
  border: 1px solid #86efac;
}

.ntc-badge-muted {
  background-color: #f1f5f9;
  color: #475569;
  border: 1px solid #cbd5e1;
}

.ntc-badge-info {
  background-color: #e0f2fe;
  color: #075985;
  border: 1px solid #7dd3fc;
}

.ntc-badge-warning {
  background-color: #fef3c7;
  color: #92400e;
  border: 1px solid #fcd34d;
}

.ntc-badge-danger {
  background-color: #fee2e2;
  color: #991b1b;
  border: 1px solid #fca5a5;
}

.ntc-badge-dark {
  background-color: #e5e7eb;
  color: #374151;
  border: 1px solid #9ca3af;
}

.ntc-amount-danger {
  color: #b91c1c;
  font-weight: 700;
}

.ntc-amount-muted {
  color: #64748b;
}

.t-Region-header {
  background: transparent !important;
  border-left: 3px solid #14a085 !important;
  padding-left: 10px !important;
}

.t-Region-title {
  color: #0d6e5c !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

/* Global SaaS KPI / filter cards. */
.a-CardView-item > .a-CardView.ntc-filter-card {
  position: relative;
  min-height: 116px;
  overflow: hidden;
  cursor: pointer;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border: 1px solid #dfe8f4 !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.a-CardView-item > .a-CardView.ntc-filter-card:hover {
  transform: translateY(-1px);
  border-color: #cbdff5 !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.10) !important;
}

.a-CardView-item > .a-CardView.ntc-filter-card:before,
.a-CardView-item > .a-CardView.ntc-filter-card:after {
  content: "";
  position: absolute;
  pointer-events: none !important;
}

.a-CardView-item > .a-CardView.ntc-filter-card:before {
  inset: 0 auto 0 0;
  width: 5px;
  background: #13b6c7;
  z-index: 1;
}

.a-CardView-item > .a-CardView.ntc-filter-card:after {
  inset: 0;
  opacity: 0.55;
  z-index: 0;
}

/* Keep APEX full-card links clickable above decorative layers. */
.a-CardView.ntc-filter-card .a-CardView-fullLink {
  position: absolute !important;
  inset: 0 !important;
  z-index: 20 !important;
}

.a-CardView.ntc-filter-card .a-CardView-header,
.a-CardView.ntc-filter-card .a-CardView-body {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.a-CardView.ntc-filter-card .a-CardView-title {
  color: #152238 !important;
  font-size: 0.98rem !important;
  font-weight: 850 !important;
  line-height: 1.15;
}

.a-CardView.ntc-filter-card .a-CardView-subTitle {
  margin-top: 0.2rem;
  color: #7c899b !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  line-height: 1.25;
}

.a-CardView.ntc-filter-card .a-CardView-body,
.a-CardView.ntc-filter-card .a-CardView-mainContent {
  padding-top: 0.55rem !important;
  color: #102033 !important;
  font-size: 1.45rem !important;
  font-weight: 900 !important;
  line-height: 1.05;
  letter-spacing: -0.035em;
  font-variant-numeric: tabular-nums;
}

/* Info */
.a-CardView-item[data-id="ntc-kpi-info"] > .a-CardView.ntc-filter-card:after,
.a-CardView-item[data-id="ntc-filter-info"] > .a-CardView.ntc-filter-card:after,
.a-CardView.ntc-filter-card.ntc-filter-info:after {
  background: linear-gradient(135deg, rgba(19, 182, 199, 0.10), transparent 62%);
}

.a-CardView-item[data-id="ntc-kpi-info"] > .a-CardView.ntc-filter-card:before,
.a-CardView-item[data-id="ntc-filter-info"] > .a-CardView.ntc-filter-card:before,
.a-CardView.ntc-filter-card.ntc-filter-info:before {
  background: #13b6c7 !important;
}

.a-CardView-item[data-id="ntc-kpi-info"] .a-CardView-mainContent,
.a-CardView-item[data-id="ntc-filter-info"] .a-CardView-mainContent,
.a-CardView.ntc-filter-card.ntc-filter-info .a-CardView-mainContent {
  color: #075985 !important;
}

/* Success */
.a-CardView-item[data-id="ntc-kpi-success"] > .a-CardView.ntc-filter-card:after,
.a-CardView-item[data-id="ntc-filter-success"] > .a-CardView.ntc-filter-card:after,
.a-CardView.ntc-filter-card.ntc-filter-success:after {
  background: linear-gradient(135deg, rgba(0, 168, 84, 0.12), transparent 62%);
}

.a-CardView-item[data-id="ntc-kpi-success"] > .a-CardView.ntc-filter-card:before,
.a-CardView-item[data-id="ntc-filter-success"] > .a-CardView.ntc-filter-card:before,
.a-CardView.ntc-filter-card.ntc-filter-success:before {
  background: #00a854 !important;
}

.a-CardView-item[data-id="ntc-kpi-success"] .a-CardView-mainContent,
.a-CardView-item[data-id="ntc-filter-success"] .a-CardView-mainContent,
.a-CardView.ntc-filter-card.ntc-filter-success .a-CardView-mainContent {
  color: #047857 !important;
}

/* Warning */
.a-CardView-item[data-id="ntc-kpi-warning"] > .a-CardView.ntc-filter-card:after,
.a-CardView-item[data-id="ntc-filter-warning"] > .a-CardView.ntc-filter-card:after,
.a-CardView.ntc-filter-card.ntc-filter-warning:after {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.12), transparent 62%);
}

.a-CardView-item[data-id="ntc-kpi-warning"] > .a-CardView.ntc-filter-card:before,
.a-CardView-item[data-id="ntc-filter-warning"] > .a-CardView.ntc-filter-card:before,
.a-CardView.ntc-filter-card.ntc-filter-warning:before {
  background: #f59e0b !important;
}

.a-CardView-item[data-id="ntc-kpi-warning"] .a-CardView-mainContent,
.a-CardView-item[data-id="ntc-filter-warning"] .a-CardView-mainContent,
.a-CardView.ntc-filter-card.ntc-filter-warning .a-CardView-mainContent {
  color: #b45309 !important;
}

/* Danger */
.a-CardView-item[data-id="ntc-kpi-danger"] > .a-CardView.ntc-filter-card:after,
.a-CardView-item[data-id="ntc-filter-danger"] > .a-CardView.ntc-filter-card:after,
.a-CardView.ntc-filter-card.ntc-filter-danger:after {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.12), transparent 62%);
}

.a-CardView-item[data-id="ntc-kpi-danger"] > .a-CardView.ntc-filter-card:before,
.a-CardView-item[data-id="ntc-filter-danger"] > .a-CardView.ntc-filter-card:before,
.a-CardView.ntc-filter-card.ntc-filter-danger:before {
  background: #ef4444 !important;
}

.a-CardView-item[data-id="ntc-kpi-danger"] .a-CardView-mainContent,
.a-CardView-item[data-id="ntc-filter-danger"] .a-CardView-mainContent,
.a-CardView.ntc-filter-card.ntc-filter-danger .a-CardView-mainContent {
  color: #dc2626 !important;
}

/* Muted */
.a-CardView-item[data-id="ntc-kpi-muted"] > .a-CardView.ntc-filter-card:after,
.a-CardView-item[data-id="ntc-filter-muted"] > .a-CardView.ntc-filter-card:after,
.a-CardView.ntc-filter-card.ntc-filter-muted:after {
  background: linear-gradient(135deg, rgba(100, 116, 139, 0.08), transparent 62%);
}

.a-CardView-item[data-id="ntc-kpi-muted"] > .a-CardView.ntc-filter-card:before,
.a-CardView-item[data-id="ntc-filter-muted"] > .a-CardView.ntc-filter-card:before,
.a-CardView.ntc-filter-card.ntc-filter-muted:before {
  background: #94a3b8 !important;
}

.a-CardView-item[data-id="ntc-kpi-muted"] .a-CardView-mainContent,
.a-CardView-item[data-id="ntc-filter-muted"] .a-CardView-mainContent,
.a-CardView.ntc-filter-card.ntc-filter-muted .a-CardView-mainContent {
  color: #475569 !important;
}

.a-CardView.ntc-filter-card.is-active {
  border-color: #155eef !important;
  box-shadow:
    0 0 0 3px rgba(21, 94, 239, 0.12),
    0 16px 34px rgba(15, 23, 42, 0.10) !important;
}

.ntc-clear-filter-btn {
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
}


/* White input fields */
.t-Form-inputContainer input,
.t-Form-inputContainer textarea,
.t-Form-inputContainer select,
.t-Form-inputContainer .apex-item-select,
.t-Form-inputContainer .apex-item-text,
.t-Form-inputContainer .apex-item-textarea {
  background-color: #ffffff !important;
}