/* Lovezii Fintech UI - unified wallet/payment components */
:root{
  --lz-success: #2dd4bf;
  --lz-danger: #fb7185;
  --lz-warn: #fbbf24;
  --lz-muted: rgba(255,255,255,.65);
  --lz-border: rgba(255,255,255,.12);
  --lz-surface: rgba(0,0,0,.32);
}

.lz-finance-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 900px){
  .lz-finance-grid{ grid-template-columns: 1.3fr .7fr; }
}

.lz-finance-card{
  border:1px solid var(--lz-border);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}
.lz-finance-head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  margin-bottom: 10px;
}
.lz-finance-title{
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing:.2px;
}
.lz-finance-sub{
  font-size: .9rem;
  color: var(--lz-muted);
  margin-top: 4px;
}
.lz-kpis{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-top: 10px;
}
@media (min-width: 900px){
  .lz-kpis{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
.lz-kpi{
  border:1px solid var(--lz-border);
  background: rgba(0,0,0,.22);
  border-radius: 12px;
  padding: 12px;
}
.lz-kpi .label{ font-size:.82rem; color:var(--lz-muted); }
.lz-kpi .value{ font-size:1.25rem; font-weight:900; margin-top:6px; }
.lz-kpi .meta{ font-size:.78rem; color:var(--lz-muted); margin-top:6px; }

.lz-actions{
  display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:flex-end;
}
.lz-actions .btn{ min-width: 160px; }

.lz-note{
  border:1px dashed var(--lz-border);
  background: rgba(0,0,0,.18);
  border-radius: 12px;
  padding: 12px;
  font-size: .9rem;
  color: var(--lz-muted);
}
.lz-note strong{ color: rgba(255,255,255,.92); }

.lz-tx-list{
  display:flex; flex-direction:column; gap:10px;
  margin-top: 10px;
}
.lz-tx{
  border:1px solid var(--lz-border);
  border-radius: 12px;
  padding: 12px;
  background: rgba(0,0,0,.22);
  display:flex; justify-content:space-between; gap: 10px;
}
.lz-tx .left{ display:flex; flex-direction:column; gap:4px; }
.lz-tx .right{ text-align:right; display:flex; flex-direction:column; gap:4px; }
.lz-tx .type{ font-weight:800; }
.lz-tx .date, .lz-tx .id{ font-size:.78rem; color:var(--lz-muted); }
.lz-tx .amt{ font-weight:900; }
.lz-tx .status{ font-size:.78rem; color:var(--lz-muted); }

.lz-toast-host{
  position: fixed;
  right: 18px;
  bottom: 18px;
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index: 99999;
  max-width: 360px;
}
.lz-toast{
  border:1px solid var(--lz-border);
  background: rgba(0,0,0,.78);
  backdrop-filter: blur(10px);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  color: rgba(255,255,255,.95);
}
.lz-toast .t{ font-weight:900; }
.lz-toast .m{ font-size:.9rem; color: var(--lz-muted); margin-top:4px; }
.lz-toast[data-kind="success"]{ border-color: rgba(45,212,191,.35); }
.lz-toast[data-kind="danger"]{ border-color: rgba(251,113,133,.35); }
.lz-toast[data-kind="warn"]{ border-color: rgba(251,191,36,.35); }

.lz-inline-alert{
  border:1px solid var(--lz-border);
  background: rgba(0,0,0,.20);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: .9rem;
  color: var(--lz-muted);
  margin-top: 10px;
}
.lz-inline-alert strong{ color: rgba(255,255,255,.92); }