/* ===========================================================
   REMENDY INVEST — theme (sits on top of Tailwind Play CDN)
   Brand: green #16a34a  →  blue #2563eb gradient
   Font:  Instrument Sans
   =========================================================== */
:root{
  --brand-green:#16a34a;
  --brand-green-d:#15803d;
  --brand-blue:#2563eb;
  --brand-blue-d:#1d4ed8;
  --ink:#0f172a;
  --muted:#64748b;
  --line:#e5e7eb;
  --bg:#f1f5f9;
  --card:#ffffff;
}
*{box-sizing:border-box}
body{
  font-family:'Instrument Sans',ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:var(--bg);
  color:var(--ink);
  margin:0;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none}

/* gradient helpers */
.brand-gradient{background:linear-gradient(120deg,var(--brand-green),var(--brand-blue))}
.brand-text{
  background:linear-gradient(120deg,var(--brand-green),var(--brand-blue));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;justify-content:center;
  font-weight:600;border:none;border-radius:.65rem;padding:.7rem 1.15rem;
  cursor:pointer;transition:.15s;font-size:.95rem;line-height:1}
.btn-primary{background:linear-gradient(120deg,var(--brand-green),var(--brand-blue));color:#fff}
.btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}
.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}
.btn-ghost:hover{background:#f8fafc}
.btn-danger{background:#dc2626;color:#fff}
.btn-danger:hover{filter:brightness(1.08)}
.btn-success{background:var(--brand-green);color:#fff}
.btn-sm{padding:.45rem .75rem;font-size:.82rem;border-radius:.5rem}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:1rem;
  box-shadow:0 1px 2px rgba(15,23,42,.04)}
.card-pad{padding:1.5rem}

/* form controls */
.field{display:block;width:100%;padding:.7rem .9rem;border:1px solid var(--line);
  border-radius:.65rem;font-size:.95rem;background:#fff;color:var(--ink);font-family:inherit}
.field:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.label{display:block;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:.35rem}

/* badges */
.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;
  font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.badge-green{background:#dcfce7;color:#15803d}
.badge-amber{background:#fef3c7;color:#b45309}
.badge-red{background:#fee2e2;color:#b91c1c}
.badge-blue{background:#dbeafe;color:#1d4ed8}
.badge-gray{background:#f1f5f9;color:#475569}

/* table */
.table{width:100%;border-collapse:collapse;font-size:.9rem}
.table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;
  color:var(--muted);padding:.75rem 1rem;border-bottom:1px solid var(--line)}
.table td{padding:.85rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}
.table tr:last-child td{border-bottom:none}
.table tbody tr:hover{background:#f8fafc}

/* flash */
.flash{padding:.85rem 1.1rem;border-radius:.7rem;margin-bottom:1rem;font-size:.9rem;font-weight:500;
  border:1px solid transparent;display:flex;gap:.6rem;align-items:flex-start}
.flash-success{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.flash-error{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.flash-info{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}

/* stat tiles */
.stat{display:flex;flex-direction:column;gap:.35rem}
.stat .label{font-size:.78rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:0}
.stat .value{font-size:1.6rem;font-weight:800;line-height:1.1}

/* sidebar nav links */
.nav-link{display:flex;align-items:center;gap:.7rem;padding:.65rem .9rem;border-radius:.6rem;
  color:#cbd5e1;font-weight:500;font-size:.92rem;transition:.12s}
.nav-link svg{width:18px;height:18px;flex:none}
.nav-link:hover{background:rgba(255,255,255,.08);color:#fff}
.nav-link.active{background:linear-gradient(120deg,var(--brand-green),var(--brand-blue));color:#fff}

/* scrollbar tidy */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9px}