/* Subiendo Earn — ganancias del conductor. Reutiliza bloques de wallet-pro.css. */

#screen-earnings{overflow:hidden !important}
.de-page{touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
.de-page > *{flex-shrink:0}
.de-header{padding:52px 1.25rem .75rem calc(12px + 44px + .75rem)}
.de-header .earn-header-title{margin:0;line-height:44px}

/* ---------- Hero saldo ---------- */
.de-hero{
  min-height:0;
  background:
    radial-gradient(120% 140% at 100% 0%,rgba(52,211,153,.42) 0%,transparent 55%),
    radial-gradient(90% 120% at 0% 100%,rgba(34,211,238,.28) 0%,transparent 60%),
    linear-gradient(135deg,#022c22 0%,#065f46 50%,#059669 100%);
  box-shadow:0 18px 40px rgba(5,150,105,.32),inset 0 1px 0 rgba(255,255,255,.18);
}
.de-hero .wx-brand b{color:#6ee7b7}
.de-hero .wx-brand-dot{background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.22),0 0 12px #34d399}
.de-hero .wx-hero-balance{text-shadow:0 4px 18px rgba(52,211,153,.4)}
.de-hero-notes{display:flex;flex-direction:column;gap:.35rem;margin-top:.7rem}
.de-note{
  display:none;padding:.4rem .65rem;border-radius:10px;font-size:.72rem;font-weight:600;line-height:1.35;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
}
.de-note.is-on{display:block}
.de-note.is-warn{background:rgba(251,191,36,.18);border-color:rgba(251,191,36,.4);color:#fde68a}
.de-note.is-debt{background:rgba(248,113,113,.18);border-color:rgba(248,113,113,.4);color:#fecaca}
.de-withdraw{
  width:100%;margin-top:.85rem;padding:.85rem 1rem;border-radius:14px;cursor:pointer;
  font:inherit;font-size:.9rem;font-weight:800;color:#064e3b;
  background:linear-gradient(135deg,#ecfdf5,#a7f3d0);border:1px solid rgba(255,255,255,.35);
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.de-withdraw:active{transform:scale(.98)}
.de-tx{display:flex;flex-direction:column;gap:.45rem;margin-top:.85rem;max-height:168px;overflow-y:auto}
.de-tx-row{
  display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  padding:.55rem .7rem;border-radius:10px;font-size:.78rem;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.1);
}
.de-tx-row .amt{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.de-tx-row .amt.pos{color:#c9ffe0}
.de-tx-row .amt.neg{color:#ffd6d6}
.de-tx-empty{font-size:.78rem;opacity:.85;padding:.55rem .7rem;border-radius:10px;background:rgba(255,255,255,.1)}

.de-page .earn-total-card{
  margin:0;background:var(--white,#fff);color:var(--text,#0f172a);
  border:1px solid var(--border,#e2e8f0);box-shadow:0 6px 20px rgba(15,23,42,.05);
}
.de-page .earn-chart-card{margin:0}

/* ---------- Mes / chart / lista ---------- */
.de-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.85rem}
.de-month-cell{
  text-align:center;padding:.65rem .4rem;border-radius:12px;
  background:var(--surface,#f1f5f9);border:1px solid var(--border,#e2e8f0);
}
.de-month-cell .etcg-val{font-size:.95rem;font-weight:800;font-variant-numeric:tabular-nums}
.de-month-cell .etcg-lbl{font-size:.62rem;color:var(--text3,#64748b);margin-top:.15rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.de-page .etc-amount{font-size:2.1rem;font-weight:800;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}
.de-page .etc-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text3,#64748b)}
.de-page .etc-period{font-size:.74rem;color:var(--text2,#475569);margin-top:.25rem}
.de-page .bar-chart{display:flex;align-items:flex-end;gap:6px;height:100px}
.de-page .bc-bar{flex:1;border-radius:6px 6px 0 0;background:rgba(16,185,129,.18);min-height:4px}
.de-page .bc-bar.today{background:linear-gradient(180deg,#34d399,#059669)}
.de-week-lbl{display:flex;justify-content:space-between;margin-top:4px}
.de-week-lbl span{font-size:.6rem;color:var(--text3,#64748b);font-weight:600}
.de-week-lbl span.is-today{color:#059669;font-weight:800}

/* Trip rows */
.de-trip{
  display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .15rem;
  border:0;border-bottom:1px solid var(--border,#e2e8f0);background:transparent;
  cursor:pointer;text-align:left;font:inherit;color:var(--text,#0f172a);
}
.de-trip:last-child{border-bottom:none}
.de-trip:active{opacity:.75}
.de-trip-ico{
  flex:0 0 40px;width:40px;height:40px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;font-size:1rem;
  background:linear-gradient(135deg,rgba(52,211,153,.2),rgba(37,99,235,.14));
  border:1px solid rgba(16,185,129,.2);
}
.de-trip.is-cancel .de-trip-ico{background:rgba(248,113,113,.14);border-color:rgba(248,113,113,.28);filter:grayscale(.3)}
.de-trip-info{flex:1;min-width:0}
.de-trip-dest{font-size:.86rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.de-trip-meta{font-size:.7rem;color:var(--text3,#64748b);margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.de-trip-amount{font-size:.92rem;font-weight:800;color:#059669;font-variant-numeric:tabular-nums;white-space:nowrap}
.de-trip.is-cancel .de-trip-amount{color:var(--text3,#94a3b8);text-decoration:line-through}
.de-empty{padding:1rem .2rem;font-size:.8rem;color:var(--text3,#64748b);text-align:center}

/* ---------- Dark ---------- */
html[data-theme="dark"] #screen-earnings .de-page .earn-total-card,
html[data-theme="dark"] #screen-earnings .de-page .earn-chart-card,
html[data-theme="dark"] #screen-earnings .de-page .wx-panel{
  background:var(--card) !important;color:var(--text) !important;border-color:var(--border) !important;
}
html[data-theme="dark"] #screen-earnings .de-withdraw{color:#064e3b !important}
html[data-theme="dark"] #screen-earnings .de-month-cell{background:var(--surface);border-color:var(--border)}
html[data-theme="dark"] #screen-earnings .de-trip{color:var(--text) !important;border-color:var(--border)}
html[data-theme="dark"] #screen-earnings .de-trip-amount{color:#34d399}
html[data-theme="dark"] #screen-earnings .de-page .bc-bar{background:rgba(52,211,153,.2)}
html[data-theme="dark"] #screen-earnings .de-page .bc-bar.today{background:linear-gradient(180deg,#34d399,#059669)}
html[data-theme="dark"] #screen-earnings .de-week-lbl span.is-today{color:#6ee7b7}