/* v2.3: tema scuro. Si carica per ultimo e sovrascrive i colori degli altri file CSS.
   Per tornare al tema chiaro basta togliere il <link> a theme.css in index.php. */
:root{--ink:#2b2f45;--wall:#0f111a;--paper:#1a1d2b;--paper2:#242839;--txt:#e8ebf7;--dim:#9aa1bd}
body{color:var(--txt);background-color:var(--wall);background-image:radial-gradient(rgba(255,255,255,.04) 1.2px,transparent 1.4px);background-size:24px 24px}
.top,.panel,.item,.sheet,.toast{box-shadow:0 8px 24px rgba(0,0,0,.35);border-width:2px}
.brand{color:#ffb347;-webkit-text-stroke:0;text-shadow:0 0 14px rgba(255,179,71,.35)}
.sectionhead h2,.cat{color:#fff;-webkit-text-stroke:0;text-shadow:none}
.sheet h3{color:#fff}
.stat .lbl,.muted{color:var(--dim);opacity:1}
.money b{color:#4be3ac}.chips b{color:#b58cff}.elec.hi b{color:#ff6b8f}.elec.lo b{color:#4be3ac}
.pos,.rr2 .pos{color:#4be3ac}.neg,.rr2 .neg{color:#ff6b8f}
.bar{background:#11131d}

/* pulsanti */
.btn,.btns button,.item button,.act,#tabs button,.subtabs button,.mbtn,.qb button,.coins button,.patchbtn{border:2px solid rgba(255,255,255,.08);box-shadow:none;border-radius:10px}
.btn,.btns button,.item button,.act{color:#10131f}
#tabs button,.subtabs button,.mbtn,.qb button,.coins button,.patchbtn{background:var(--paper2);color:var(--txt)}
#tabs button.on{background:var(--sky);color:#10131f}
.subtabs button.on,.qb button.on,.coins button.on,.mbtn.mint{background:var(--mint);color:#10131f}
.coins .oc.on{background:var(--rose);color:#10131f}
.mint,.rose,.sky,.violet,.orange{color:#10131f!important}
.btn:hover,.btns button:hover,.item button:hover,.act:hover,#tabs button:hover,.subtabs button:hover,.mbtn:hover,.qb button:hover{filter:brightness(1.12)}
.btn:active,.btns button:active,.item button:active,.act:active{transform:translateY(1px);box-shadow:none}

/* schede, tag, riquadri interni, campi */
.tags span,.sheet .cand,.pslot,.gslot,.nums div,.rrow,.day,.pips i,input[type=text],input[type=password]{background:var(--paper2);color:var(--txt);border-color:var(--ink)}
.rrow.sel{background:#22304a;border-color:var(--sky);box-shadow:none}
.hint{background:#17324a;color:var(--txt);border-color:var(--sky);box-shadow:none}
#ticker{color:#10131f;box-shadow:none}
.pill{background:var(--paper2);color:var(--txt);border-color:var(--ink)}
.pill.ok,.pill.hot,.pill.trip,.pill.dead{color:#10131f}
.pill.off,.pill.incomplete{background:#3a3f57}
.toast.good,.toast.bad,.toast.xp{color:#10131f}
.day.done{background:var(--mint);color:#10131f}.day.next{background:var(--sun);color:#10131f}
.lb td,.lb th{border-bottom-color:rgba(255,255,255,.1)}
.lb tr.me{background:var(--paper2)}
.coin canvas{background:#eef1fa;border-color:var(--ink)}
.pips i.f{background:var(--violet)}
#modal{background:rgba(5,7,12,.75)}

/* albero della ricerca */
.tree-wrap{background-color:#12141f;background-image:radial-gradient(rgba(255,255,255,.07) 1.5px,transparent 1.6px)}
.tree path{stroke:#4a4f6a}.tree path.on{stroke:var(--mint)}
.lane{color:var(--txt)}
.node{background:var(--paper2);color:var(--txt);box-shadow:none}
.node.avail{background:#17324a;border-color:var(--sky)}
.node.owned{background:#14382f;border-color:var(--mint)}
.node.maxed{background:#3b3314;border-color:var(--sun)}
.node.pending{background:#3d2a17;border-color:var(--orange)}
.node.locked{background:#171a26;border-color:var(--ink);opacity:.75}