/* KINGTV INVOICE COMPACT CLEAN FIX */
/* Invoice list only. No checkout, MAG, product grid, tickets or dashboard changes. */

body.ktv-invoice-compact .main-content,
body.ktv-invoice-compact .primary-content,
body.ktv-invoice-compact .content-area {
  min-height: 0 !important;
}

/* Kill the big empty DataTables top area */
body.ktv-invoice-compact .dataTables_wrapper {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.ktv-invoice-compact .dataTables_wrapper .row:first-child,
body.ktv-invoice-compact .dataTables_wrapper > .row:first-child,
body.ktv-invoice-compact .dataTables_length,
body.ktv-invoice-compact .dataTables_filter,
body.ktv-invoice-compact .dataTables_info {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Put search and showing text into a compact header */
body.ktv-invoice-compact .dataTables_wrapper > .row:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 0 !important;
  padding: 16px 22px 14px !important;
  border: 1px solid rgba(96,165,250,0.20) !important;
  border-bottom: 0 !important;
  border-radius: 18px 18px 0 0 !important;
  background: rgba(2,8,23,0.38) !important;
}

body.ktv-invoice-compact .dataTables_wrapper > .row:first-child > div {
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.ktv-invoice-compact .dataTables_filter {
  float: none !important;
  text-align: left !important;
  width: auto !important;
}

body.ktv-invoice-compact .dataTables_filter label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  color: rgba(255,255,255,0.70) !important;
  font-size: 0 !important;
}

body.ktv-invoice-compact .dataTables_filter input {
  width: 280px !important;
  max-width: 100% !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(96,165,250,0.30) !important;
  background: #020617 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body.ktv-invoice-compact .dataTables_filter input::placeholder {
  color: rgba(255,255,255,0.58) !important;
}

body.ktv-invoice-compact .dataTables_info {
  color: rgba(255,255,255,0.76) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* The table should start immediately after the compact header */
body.ktv-invoice-compact table.dataTable,
body.ktv-invoice-compact .table-container table,
body.ktv-invoice-compact table.table {
  margin-top: 0 !important;
  border-top: 1px solid rgba(96,165,250,0.22) !important;
}

/* Status pill base */
body.ktv-invoice-compact .ktv-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 88px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-align: center !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 0 !important;
}

/* Muted colors. No glow. */
body.ktv-invoice-compact .ktv-status-paid {
  color: #d6f8e8 !important;
  background: rgba(6,95,70,0.46) !important;
  border-color: rgba(16,185,129,0.28) !important;
}

body.ktv-invoice-compact .ktv-status-unpaid {
  color: #fff1d6 !important;
  background: rgba(154,82,18,0.50) !important;
  border-color: rgba(255,122,26,0.30) !important;
}

body.ktv-invoice-compact .ktv-status-overdue,
body.ktv-invoice-compact .ktv-status-collections {
  color: #ffe2e2 !important;
  background: rgba(127,29,29,0.56) !important;
  border-color: rgba(239,68,68,0.30) !important;
}

body.ktv-invoice-compact .ktv-status-cancelled,
body.ktv-invoice-compact .ktv-status-canceled {
  color: #ffd6df !important;
  background: rgba(88,28,42,0.60) !important;
  border-color: rgba(244,63,94,0.30) !important;
}

body.ktv-invoice-compact .ktv-status-refunded {
  color: #dbeafe !important;
  background: rgba(30,64,175,0.50) !important;
  border-color: rgba(96,165,250,0.28) !important;
}

/* Sidebar accents stay subtle */
body.ktv-invoice-compact .ktv-status-filter-paid {
  border-left: 3px solid rgba(16,185,129,0.80) !important;
}

body.ktv-invoice-compact .ktv-status-filter-unpaid {
  border-left: 3px solid rgba(255,122,26,0.82) !important;
}

body.ktv-invoice-compact .ktv-status-filter-cancelled,
body.ktv-invoice-compact .ktv-status-filter-canceled,
body.ktv-invoice-compact .ktv-status-filter-overdue,
body.ktv-invoice-compact .ktv-status-filter-collections {
  border-left: 3px solid rgba(239,68,68,0.82) !important;
}

body.ktv-invoice-compact .ktv-status-filter-refunded {
  border-left: 3px solid rgba(96,165,250,0.82) !important;
}

@media (max-width: 767px) {
  body.ktv-invoice-compact .dataTables_wrapper > .row:first-child {
    display: block !important;
    padding: 14px !important;
  }

  body.ktv-invoice-compact .dataTables_filter input {
    width: 100% !important;
  }

  body.ktv-invoice-compact .dataTables_info {
    margin-top: 10px !important;
    white-space: normal !important;
  }
}