/* ===== KUND-TABELL (ENDA SANNINGEN) ===== */

.cust-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
}

.cust-table th {
  text-align: left;
  font-size: 12px;
  color: #64748b;
  padding: 8px 14px;
}

.cust-table tbody tr {
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  border-radius: 10px;
  transition: all 0.15s ease;
}

.cust-table td {
  padding: 14px;
  font-size: 14px;
  color: #1e293b;
}

/* rundade hörn */
.cust-table tbody tr td:first-child {
  border-radius: 10px 0 0 10px;
}

.cust-table tbody tr td:last-child {
  border-radius: 0 10px 10px 0;
}

/* hover */
.cust-table tbody tr:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  background: #f8fbff;
}
/* STATUS FÄRGER */

.cust-table tbody tr.row-ok {
  border-left: 4px solid #16a34a;
}

.cust-table tbody tr.row-warn {
  border-left: 4px solid #f59e0b;
  background: #fffaf0;
}

.cust-table tbody tr.row-bad {
  border-left: 4px solid #dc2626;
  background: #fff5f5;
}
.cust-table tr.row-ok {
  background: rgba(0, 160, 80, 0.08);
}

.cust-table tr.row-warn {
  background: rgba(255, 180, 0, 0.12);
}

.cust-table tr.row-bad {
  background: rgba(220, 0, 0, 0.12);
}
.cust-row.row-bad {
  border-left: 5px solid #dc2626;
}
.cust-row.row-warn {
  border-left: 5px solid #f59e0b;
}
.cust-row.row-ok {
  border-left: 5px solid #16a34a;
}
.table {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}

/* rad = grid */
.tr {
  display: grid;
  grid-template-columns: 60px 80px 1fr 120px 120px 140px 180px;
  border-bottom: 1px solid #eee;
  align-items: center;
}

/* header */
.tr.th {
  font-weight: bold;
  background: #f5f5f5;
}

/* cell */
.td {
  padding: 10px;
  font-size: 14px;
}

/* hover */
.tr:not(.th):hover {
  background: #fff3cd;
}
/* status färger */
.td:has-text("paid") {
  color: #1a7f37;
  font-weight: 600;
}

.td:has-text("draft") {
  color: #b08900;
  font-weight: 600;
}

.td:has-text("unpaid") {
  color: #d10000;
  font-weight: 600;
}

.td:has-text("partially_paid") {
  color: #b08900;
  font-weight: 600;
}
/* status */
.status-paid {
  color: #1a7f37;
  font-weight: 600;
}

.status-draft {
  color: #d4a500;
  font-weight: 600;
}

.status-unpaid {
  color: #d10000;
  font-weight: 600;
}

.status-partiallypaid,
.status-partially_paid {
  color: #d4a500;
  font-weight: 600;
}
.table {
  max-height: 500px;      /* justera höjd efter smak */
  overflow-y: auto;
  overflow-x: hidden;
}
.text-green { color: #1a7f37; font-weight: 600; }
.text-red   { color: #d10000; font-weight: 600; }

.table .tr:hover {
  background: rgba(255, 224, 102, 0.2);
}
.status {
  font-weight: 600;
}

.status--sent {
  color: #16a34a; /* grön */
}

.status--pending {
  color: #eab308; /* gul */
}

.status--failed {
  color: #dc2626; /* röd */
}
.badge-green { background:#16a34a; color:#fff; padding:2px 8px; border-radius:999px; }
.badge-yellow { background:#f2c94c; color:#111; padding:2px 8px; border-radius:999px; }
.badge-red { background:#dc2626; color:#fff; padding:2px 8px; border-radius:999px; }

/* ===== FIX: SUPERADMIN TABLE ===== */

.table,
.list-table {
  color: #111;
}

.table th,
.list-table th {
  color: #1a2a4a;
  font-weight: 700;
}

.table td,
.list-table td {
  color: #222;
}

/* zebra */
.table tr:nth-child(even),
.list-table tr:nth-child(even) {
  background: #f5f7ff;
}

/* hover */
.table tr:hover,
.list-table tr:hover {
  background: rgba(255, 239, 168, 0.35);
}
/* HEADER tydligare */
.table th,
.list-table th {
  background: #eef2ff;
  border-bottom: 2px solid #d7def6;
}

/* rader mer “kort-känsla” */
.table td,
.list-table td {
  padding: 10px 12px;
}

/* rundare look */
.table,
.list-table {
  border-radius: 12px;
  overflow: hidden;
}
.ok {
  background: #e6f7ec;
  color: #1b7a3a;
}

.bad {
  background: #ffecec;
  color: #a10000;
}