/* layout-styles.css — JeffyBet Affiliates */

:root {
  --brand:#22c55e;          /* Jeffy green */
  --brand-600:#16a34a;
  --bg:#0b1210;
  --panel:#111a18;
  --ring:rgba(255,255,255,.06);
  --text:#e5f2ec;
  --muted:#93a39c;
  --link:#b8ffe2;
}

body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif
}

a {
  color:var(--link);
  text-decoration:none
}
a:hover { opacity:.9 }

.topbar {
  position:sticky;top:0;z-index:100;
  display:flex;align-items:center;gap:18px;
  padding:14px 18px;
  border-bottom:1px solid var(--ring);
  background:linear-gradient(0deg,rgba(8,14,12,.85),rgba(8,14,12,.85));
  backdrop-filter:saturate(130%) blur(6px)
}

.brand {
  display:flex;align-items:center;gap:10px;
  font-weight:800;letter-spacing:.3px
}
.brand img { height:22px }

.nav { margin-left:auto;display:flex;gap:20px;align-items:center }
.nav a { color:#e8f6ef }
.nav .sep { opacity:.35 }

.container { max-width:1200px;margin:18px auto;padding:0 18px }

.card {
  background:var(--panel);
  border:1px solid var(--ring);
  border-radius:10px;
  padding:14px 16px;
}

.cards {
  display:grid;
  grid-gap:14px;
  margin:16px 0;
}

.table {
  width:100%;
  border-collapse:collapse;
}
.table th, .table td {
  padding:8px 10px;
  text-align:left;
}
.table th {
  font-weight:600;
  color:var(--muted);
}
.table tr:nth-child(even) {
  background:rgba(255,255,255,.02);
}

.btn {
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 12px;
  border:1px solid var(--ring);
  border-radius:8px;
  background:rgba(255,255,255,.02);
  color:var(--text);
  font-size:.9rem;
}
.btn:hover { background:rgba(255,255,255,.04) }

.badge.green {
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(34,197,94,.12);
  color:#b8ffd5;
  border:1px solid rgba(34,197,94,.28)
}

.flash {
  background:#dc2626;
  color:#fff;
  padding:8px 12px;
  border-radius:6px;
  margin:10px 0;
}

/* ✅ Totals in bright Jeffy green */
.kpi .total-green,
.total-green,
.card .total-green,
.table .total-green {
  color:#22c55e !important; /* Jeffy green */
  font-weight:800 !important;
}

/* ✅ Progress bar styling */
.progress {
  background:#1e2a25;       /* dark track */
  border-radius:6px;
  overflow:hidden;
  height:10px;
  margin:6px 0;
}
.progress-bar {
  background:#22c55e;       /* Jeffy green */
  height:100%;
  transition:width .3s ease;
}

.muted { color:var(--muted) }