/* denarnica.css — read-only wallet balance overview (addition for gopulse.voltko.si)
 *
 * Typography deliberately mirrors the analyzer's own scale, measured from the
 * running page rather than guessed:
 *   section label   Space Mono 13/700, letter-spacing 1.04px, uppercase   (.hist-lbl)
 *   card label      Inter 14/700, letter-spacing 1.26px, uppercase        (.cblbl)
 *   figures         Space Mono                                            (.day-num)
 *   body text       Inter                                                 (.wlist)
 * NOTE: <body> sets no font-family, so every rule below states one explicitly —
 * otherwise the browser default serif leaks in.
 */

:root{
  --wb-mono:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --wb-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}

#wbal-sec{display:none;padding:0 20px 10px;margin:6px 0 4px;font-family:var(--wb-sans);color:#eef0f8}
#wbal-sec.on{display:block}

.wbal-hdr{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.wbal-title{font-family:var(--wb-mono);font-size:13px;font-weight:700;letter-spacing:1.04px;
  text-transform:uppercase;color:rgba(255,255,255,.9)}
.wbal-total{margin-left:auto;font-family:var(--wb-mono);font-size:22px;font-weight:700;color:#eef0f8}
.wbal-note{font-family:var(--wb-sans);font-size:11.5px;line-height:1.6;color:rgba(238,240,248,.5);
  margin:0 0 12px;max-width:900px}

.wbal-wallet{border:1px solid rgba(148,0,255,.16);border-radius:14px;padding:14px 16px;margin:0 0 12px;
  background:linear-gradient(180deg,rgba(148,0,255,.05),rgba(255,255,255,.014))}
.wbal-wallet-hdr{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.wbal-addr{font-family:var(--wb-mono);font-size:13px;font-weight:700;letter-spacing:.6px;
  color:rgba(255,255,255,.72)}
.wbal-sum{margin-left:auto;font-family:var(--wb-mono);font-size:16px;font-weight:700;color:#eef0f8}

.wbal-tbl{width:100%;border-collapse:collapse}
.wbal-tbl th{font-family:var(--wb-mono);font-size:10.5px;font-weight:700;letter-spacing:1.04px;
  text-transform:uppercase;color:rgba(255,255,255,.42);text-align:right;padding:5px 10px;
  border-bottom:1px solid rgba(255,255,255,.09)}
.wbal-tbl th:first-child,.wbal-tbl td:first-child{text-align:left}
.wbal-tbl td{font-family:var(--wb-mono);font-size:13px;text-align:right;padding:7px 10px;
  border-bottom:1px solid rgba(255,255,255,.05);color:#eef0f8;white-space:nowrap}
.wbal-tbl tbody tr:last-child td{border-bottom:none}
.wbal-tbl tbody tr:hover td{background:rgba(148,0,255,.05)}

.wbal-sym{font-family:var(--wb-sans);font-size:13px;font-weight:700;letter-spacing:.2px}
.wbal-name{font-family:var(--wb-sans);font-size:11.5px;font-weight:400;color:rgba(238,240,248,.42);
  margin-left:7px}
.wbal-chip{display:inline-block;font-family:var(--wb-sans);font-size:9px;font-weight:700;
  letter-spacing:.8px;padding:1.5px 6px;border-radius:5px;margin-left:8px;vertical-align:1.5px}
.wbal-chip.pls{background:rgba(148,0,255,.18);border:1px solid rgba(148,0,255,.42);color:#d7a8ff}
.wbal-chip.eth{background:rgba(60,130,255,.15);border:1px solid rgba(60,130,255,.42);color:#a8c8ff}

/* price standing on a shallow pool — shown, not hidden */
.wbal-thin{color:#ffb266}

.wbal-more{margin:10px 0 0}
.wbal-more summary{font-family:var(--wb-mono);font-size:10.5px;font-weight:700;letter-spacing:1.04px;
  text-transform:uppercase;color:rgba(255,255,255,.38);cursor:pointer;padding:6px 0;list-style:none}
.wbal-more summary::-webkit-details-marker{display:none}
.wbal-more summary::before{content:"\25B8 ";display:inline-block;transition:transform .15s}
.wbal-more[open] summary::before{transform:rotate(90deg)}
.wbal-more summary:hover{color:rgba(255,255,255,.62)}

.wbal-err{font-family:var(--wb-sans);font-size:12px;color:#ff9a9a;margin:8px 0 0}
.wbal-empty{font-family:var(--wb-sans);font-size:12.5px;color:rgba(238,240,248,.5);padding:8px 0}

@media (max-width:700px){
  #wbal-sec{padding:0 12px 10px}
  .wbal-total{font-size:18px}
  .wbal-tbl td{font-size:11.5px;padding:6px 5px}
  .wbal-tbl th{font-size:9px;padding:4px 5px;letter-spacing:.6px}
  .wbal-name{display:none}
  .wbal-sym{font-size:12px}
}

.wbal-code{margin:0 0 10px}
.wbal-code-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wbal-code-lbl{font-family:var(--wb-mono);font-size:10.5px;font-weight:700;letter-spacing:1.04px;
  text-transform:uppercase;color:rgba(255,255,255,.42)}
.wbal-code-val{font-family:var(--wb-mono);font-size:18px;font-weight:700;letter-spacing:2px;
  color:#eef0f8;background:rgba(148,0,255,.12);border:1px solid rgba(148,0,255,.34);
  border-radius:8px;padding:4px 12px;user-select:all}
.wbal-code-note{font-family:var(--wb-sans);font-size:11px;line-height:1.55;
  color:rgba(238,240,248,.45);margin:6px 0 0;max-width:800px}

.wbal-label{font-family:var(--wb-sans);font-size:14px;font-weight:700;letter-spacing:.2px;color:#eef0f8}
.wbal-addr{cursor:pointer}
.wbal-addr:hover{color:#d7a8ff}

.wbal-rename{display:inline-flex;align-items:center;gap:8px;margin-left:12px}
.wbal-input{font-family:var(--wb-mono);font-size:13px;color:#eef0f8;background:rgba(255,255,255,.05);
  border:1px solid rgba(148,0,255,.4);border-radius:8px;padding:5px 10px;min-width:220px;outline:none}
.wbal-input:focus{border-color:rgba(148,0,255,.75);background:rgba(255,255,255,.08)}
.wbal-input::placeholder{color:rgba(238,240,248,.35)}

/* Bilo izgubljeno ob prepisu sloga 16.8.2026 — gumbi so zato izgledali kot
   sistemski in niso bili videti kot del strani. */
.wbal-btn{font-family:var(--wb-sans);font-size:11.5px;font-weight:600;letter-spacing:.3px;
  color:#eef0f8;background:rgba(148,0,255,.14);border:1px solid rgba(148,0,255,.38);
  border-radius:8px;padding:5px 12px;cursor:pointer;line-height:1.2}
.wbal-btn:hover{background:rgba(148,0,255,.26);border-color:rgba(148,0,255,.6)}
.wbal-btn:disabled{opacity:.4;cursor:default}
.wbal-btn.wbal-mini{font-size:10.5px;padding:3px 9px;margin-left:10px}
