/* Onyx Wallet V2 — Phase 3 styles (extends Phase 1/2) */

/* Earn */
.owv2-earn-head {
  text-align: center;
  background: var(--owv2-bg-2);
  border: 1px solid var(--owv2-border);
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 10px;
}
.owv2-earn-tot { font-size: 26px; font-weight: 700; }
.owv2-earn-tot-sub { font-size: 11px; color: var(--owv2-fg-dim); margin-top: 4px; }
.owv2-earn-actions { display: flex; gap: 8px; margin-bottom: 10px; }
.owv2-earn-actions .owv2-btn { flex: 1 1 0; }
.owv2-earn-list { display: flex; flex-direction: column; gap: 8px; }
.owv2-earn-row {
  background: var(--owv2-bg-2);
  border: 1px solid var(--owv2-border);
  border-radius: 10px;
  padding: 12px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.owv2-earn-id .n { font-size: 13px; font-weight: 600; }
.owv2-earn-id .m { font-size: 11px; color: var(--owv2-fg-dim); }
.owv2-earn-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  text-align: center;
  background: var(--owv2-bg);
  border-radius: 8px;
  padding: 6px;
}
.owv2-earn-stats .lbl { font-size: 10px; text-transform: uppercase; letter-spacing: 0.4px; color: var(--owv2-fg-dim); }
.owv2-earn-stats .val { font-size: 13px; font-weight: 600; }
.owv2-earn-claim {
  display: flex; justify-content: space-between; align-items: center;
}
.owv2-earn-claim .claimable { font-size: 14px; font-weight: 600; color: var(--owv2-accent); }

/* Achievement card */
.owv2-ach {
  display: flex; flex-direction: column; gap: 12px;
}
.owv2-ach-img {
  background: var(--owv2-bg-3);
  border-radius: 12px;
  height: 160px;
  display: flex; align-items: center; justify-content: center;
  font-size: 48px;
  overflow: hidden;
}
.owv2-ach-img img { width: 100%; height: 100%; object-fit: cover; }
.owv2-ach-title { font-size: 16px; font-weight: 700; text-align: center; }

/* Treasury */
.owv2-tr-head {
  text-align: center;
  background: var(--owv2-bg-2);
  border: 1px solid var(--owv2-border);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 10px;
}
.owv2-tr-head .lbl { font-size: 11px; text-transform: uppercase; letter-spacing: 0.4px; color: var(--owv2-fg-dim); }
.owv2-tr-head .val { font-size: 26px; font-weight: 700; margin: 4px 0; }
.owv2-tr-head .sub a { font-size: 11px; color: var(--owv2-accent); font-family: 'SF Mono', Menlo, monospace; }
.owv2-tr-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 12px;
  background: var(--owv2-bg-2);
  border: 1px solid var(--owv2-border);
  border-radius: 10px;
  margin-bottom: 8px;
}
.owv2-tr-row .lbl { font-size: 12px; color: var(--owv2-fg-dim); }
.owv2-tr-row .val { font-size: 14px; font-weight: 600; }
.owv2-tr-tops {
  background: var(--owv2-bg-2);
  border: 1px solid var(--owv2-border);
  border-radius: 10px;
  padding: 12px;
}
.owv2-tr-tops .lbl { font-size: 11px; text-transform: uppercase; letter-spacing: 0.4px; color: var(--owv2-fg-dim); margin-bottom: 6px; }
.owv2-tr-tops ol { margin: 0; padding-left: 20px; font-size: 12px; }
.owv2-tr-tops ol li { display: flex; justify-content: space-between; margin-bottom: 3px; }
.owv2-tr-tops ol li .a { font-family: 'SF Mono', Menlo, monospace; color: var(--owv2-fg-dim); }
.owv2-tr-tops ol li .v { color: var(--owv2-fg); font-weight: 500; }

/* Claim */
.owv2-claim-card {
  text-align: center;
  background: var(--owv2-bg-2);
  border: 1px solid var(--owv2-border);
  border-radius: 12px;
  padding: 18px;
}
.owv2-claim-card .lbl { font-size: 11px; text-transform: uppercase; letter-spacing: 0.4px; color: var(--owv2-fg-dim); }
.owv2-claim-card .val { font-size: 28px; font-weight: 700; margin: 8px 0 14px; color: var(--owv2-accent); }