/* ======================================================================
   OKTOMBO USER-COCKPIT — Styles (ergänzt tokens.css · Light-Design)
   ====================================================================== */

/* ---------- User-Statusleiste (slim) ---------- */
.statusbar--user{ gap:14px; flex-wrap:nowrap; overflow-x:auto; }
.statusbar--user .sb__cell{ border:0; flex:0 0 auto; width:auto; min-width:0; white-space:nowrap; }
.statusbar--user .sb__spacer{ flex:1; }

/* ---------- Kontext-Chips ---------- */
.uchips{ display:flex; flex-wrap:wrap; gap:6px; }
.uchip{ font-family:var(--mono); font-size:10.5px; color:var(--ink-3); background:var(--sunken);
  border:1px solid var(--line); padding:3px 9px; border-radius:99px; letter-spacing:.02em; white-space:nowrap; }
.uchip--info{ background:var(--surface); border-style:dashed; color:var(--ink-4); }
.uchip--hf{ background:var(--grad-soft); border-color:transparent; color:var(--ink-2); font-weight:700; letter-spacing:.08em; }

/* ---------- CO-1: SL/TP-Mini-Skala ---------- */
.uscale{ display:flex; align-items:center; gap:8px; }
.uscale__cap{ font-family:var(--mono); font-size:9px; font-weight:700; letter-spacing:.08em; color:var(--ink-4); }
.uscale__track{ position:relative; flex:1; height:4px; border-radius:99px;
  background:linear-gradient(90deg,var(--line-3),var(--line) 30%,var(--line) 70%,var(--line-3)); }
.uscale__entry{ position:absolute; top:-3px; width:2px; height:10px; background:var(--ink-4); border-radius:1px; transform:translateX(-50%); }
.uscale__dot{ position:absolute; top:50%; width:10px; height:10px; border-radius:50%; background:var(--surface);
  border:2.5px solid var(--ink-2); transform:translate(-50%,-50%); transition:left .9s cubic-bezier(.3,.7,.3,1); box-shadow:0 1px 4px rgba(11,14,20,.18); }

/* ---------- Richtung (Fakt, nicht Ergebnis → neutral) ---------- */
.uside{ display:inline-flex; align-items:center; gap:5px; font-family:var(--mono); font-size:10.5px;
  font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-3);
  border:1px solid var(--line-2); border-radius:6px; padding:2px 7px; }
.uside::before{ content:""; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; }
.uside.long::before{ border-bottom:6px solid var(--ink-4); }
.uside.short::before{ border-top:6px solid var(--ink-4); }

/* ---------- realisierte Ergebnisse (einzige grün/rot-Fläche) ---------- */
.upos{ color:var(--built); }
.uneg{ color:var(--danger); }

/* ---------- Leer-Zustand ---------- */
.u-empty{ padding:34px 20px; text-align:center; color:var(--ink-4); display:flex; flex-direction:column; align-items:center; gap:10px; }
.u-empty p{ margin:0; font-size:13px; max-width:420px; line-height:1.5; }

/* ---------- Disclaimer-Slot §7.6 ---------- */
.u-disc{ margin:12px 0 0; font-size:11px; line-height:1.45; color:var(--ink-4); border-top:1px dashed var(--line-2); padding-top:9px; }

/* ---------- Offene Positionen (Heute) ---------- */
.upcards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:14px; }
.upcard{ background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--sh-1); padding:15px 16px; display:flex; flex-direction:column; gap:11px; }
.upcard__top{ display:flex; align-items:center; gap:9px; }
.upcard__coin{ font-family:var(--display); font-weight:700; font-size:17px; letter-spacing:-.01em; }
.upcard__mtm{ font-family:var(--display); font-weight:700; font-size:26px; letter-spacing:-.02em; color:var(--ink-2); }
.upcard__mtm small{ font-size:12px; font-weight:500; color:var(--ink-4); margin-left:7px; }
.upcard__grid{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; }
.upcard__kv{ display:flex; flex-direction:column; gap:2px; }
.upcard__kv b{ font-family:var(--mono); font-size:9.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-4); }
.upcard__kv span{ font-family:var(--mono); font-size:12.5px; color:var(--ink-2); }
.upcard__foot{ display:flex; align-items:center; gap:8px; margin-top:2px; }
.u-imin{ display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:10px; font-weight:600;
  letter-spacing:.05em; text-transform:uppercase; border-radius:99px; padding:3px 10px;
  color:var(--ink); border:1px solid transparent; background:var(--grad-soft); }
.u-imin i{ width:6px; height:6px; border-radius:50%; background:var(--grad); }

/* ---------- Signal-Feed ---------- */
.usig{ border-bottom:1px solid var(--line); }
.usig:last-child{ border-bottom:0; }
.usig__head{ display:grid; grid-template-columns:74px 86px 1fr auto auto; gap:12px; align-items:center;
  padding:13px 18px; cursor:pointer; transition:background .14s; }
.usig__head:hover{ background:var(--surface-2); }
.usig__coin{ font-family:var(--display); font-weight:700; font-size:14.5px; }
.usig__meta{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; min-width:0; }
.usig__res{ font-family:var(--mono); font-size:13px; font-weight:600; text-align:right; }
.usig__res.neutral{ color:var(--ink-3); font-weight:500; }
.usig__time{ font-family:var(--mono); font-size:10.5px; color:var(--ink-4); text-align:right; white-space:nowrap; }
.usig--new .usig__head{ animation:usigIn .55s cubic-bezier(.2,.8,.25,1) both; }
@keyframes usigIn{ from{ opacity:0; transform:translateY(-7px); background:var(--grad-soft); } to{ opacity:1; transform:none; } }
.usig__detail{ padding:4px 18px 18px; display:grid; grid-template-columns:1.25fr 1fr; gap:18px; }
.usig__dcol h4{ margin:0 0 8px; font-family:var(--mono); font-size:10.5px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-4); }
.usig__facts{ display:grid; grid-template-columns:1fr 1fr; gap:7px 14px; margin:10px 0 0; }
.usig__facts div{ display:flex; justify-content:space-between; gap:10px; font-size:12px; color:var(--ink-3); border-bottom:1px dotted var(--line); padding-bottom:5px; }
.usig__facts div b{ font-family:var(--mono); font-weight:500; color:var(--ink-2); }
.usig__agg{ font-size:11.5px; color:var(--ink-4); margin:10px 0 0; line-height:1.45; }
.usig__actions{ display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }

/* ---------- Filter-Bar ---------- */
.ufb{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; padding:12px 18px; border-bottom:1px solid var(--line); }
.ufb__chip{ font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.03em; color:var(--ink-3);
  background:var(--surface); border:1px solid var(--line-2); border-radius:99px; padding:5px 12px; cursor:pointer; transition:.14s; }
.ufb__chip:hover{ border-color:var(--line-3); color:var(--ink-2); }
.ufb__chip.on{ color:var(--ink); border-color:var(--ink); }
.ufb__chip.teaser{ color:var(--ink-5); cursor:default; display:inline-flex; gap:6px; align-items:center; }
.ufb__sep{ width:1px; height:18px; background:var(--line-2); margin:0 3px; }

/* ---------- Digest ---------- */
.udigest p{ margin:0; font-size:14px; line-height:1.65; color:var(--ink-2); }
.udigest p + p{ margin-top:9px; }
.udigest__tg{ margin-top:13px; font-size:11px; color:var(--ink-4); display:flex; align-items:center; gap:7px; }
.udigest__tg i{ width:5px; height:5px; border-radius:50%; background:var(--ink-5); flex:0 0 auto; }

/* ---------- Roadmap-Puls (Heute) ---------- */
.urmp{ display:flex; align-items:center; gap:14px; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r-lg); box-shadow:var(--sh-1); padding:13px 18px; }
.urmp__label{ font-size:12.5px; color:var(--ink-3); white-space:nowrap; }
.urmp__label b{ color:var(--ink); font-weight:600; }
.urmp .prog{ flex:1; }
.urmp__link{ font-size:12px; font-weight:600; color:var(--ink-2); background:none; border:0; cursor:pointer; white-space:nowrap; padding:4px 2px; }
.urmp__link:hover{ color:var(--ink); }

/* ---------- Roadmap (Oktombo) ---------- */
.uphase{ display:grid; grid-template-columns:26px 1fr auto; gap:0 14px; padding:15px 18px; border-bottom:1px solid var(--line); }
.uphase:last-child{ border-bottom:0; }
.uphase__dot{ width:12px; height:12px; border-radius:50%; margin-top:4px; border:2px solid var(--ink-5); background:var(--surface); justify-self:center; }
.uphase--done .uphase__dot{ background:var(--built); border-color:var(--built); }
.uphase--active .uphase__dot{ background:var(--grad); border-color:transparent; }
.uphase h4{ margin:0; font-family:var(--display); font-weight:600; font-size:14px; }
.uphase p{ grid-column:2; margin:5px 0 0; font-size:12.5px; line-height:1.55; color:var(--ink-3); max-width:640px; }
.uphase .prog{ grid-column:2; margin-top:9px; max-width:320px; }
.uphase__st{ align-self:start; }

/* ---------- Glaszimmer ---------- */
.uglass{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; }
.uglass__cell b{ display:block; font-family:var(--display); font-weight:700; font-size:26px; letter-spacing:-.02em; color:var(--ink); }
.uglass__cell span{ font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-4); }

/* ---------- Asset-Universum ---------- */
.uuni{ display:flex; flex-wrap:wrap; gap:8px; }
.uuni__coin{ font-family:var(--mono); font-size:12px; font-weight:600; padding:7px 13px; border-radius:10px; border:1px solid var(--line-2); color:var(--ink-2); background:var(--surface); position:relative; }
.uuni__coin.on{ border-color:transparent; background:linear-gradient(var(--surface),var(--surface)) padding-box, var(--grad) border-box; border:1px solid transparent; box-shadow:0 2px 10px rgba(123,91,245,.10); }
.uuni__coin.prep{ color:var(--ink-5); border-style:dashed; background:transparent; }
.uuni__group{ font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-4); margin:14px 0 8px; }
.uuni__group:first-child{ margin-top:0; }

/* ---------- Tier ---------- */
.uring{ width:52px; height:52px; border-radius:50%; padding:2.5px; background:var(--grad); flex:0 0 auto; }
.uring--t1{ background:linear-gradient(140deg,#0DA886,#2E97F7); }
.uring div{ width:100%; height:100%; border-radius:50%; background:var(--surface); display:flex; align-items:center; justify-content:center; font-family:var(--display); font-weight:700; font-size:16px; color:var(--ink); }
/* CO-4: 8 Ausprägungen — uring2. Chroma/Gold = die einzigen Ornament-Stellen des Produkts. */
.uring2{ position:relative; display:inline-flex; border-radius:50%; padding:3px; flex:0 0 auto; }
.uring2__core{ position:relative; z-index:1; width:100%; height:100%; border-radius:50%; background:var(--surface); display:flex; align-items:center; justify-content:center;
  font-family:var(--display); font-weight:700; color:var(--ink); overflow:hidden; }
.uring2__core img{ width:72%; height:72%; object-fit:contain; }
.uring2--chroma i, .uring2--gold i{ position:absolute; inset:0; border-radius:50%; }
.uring2--chroma i{ background:conic-gradient(from 0deg,#0DA886,#2E97F7,#7B5BF5,#D8348A,#0DA886); animation:uSpin 5s linear infinite; filter:saturate(1.25); }
.uring2--chroma{ box-shadow:0 3px 14px rgba(123,91,245,.28); }
.uring2--gold i{ background:conic-gradient(from 0deg,#8A6410,#E8C25A,#FFF0BF,#C9963B,#8A6410,#E8C25A,#8A6410); animation:uSpin 7s linear infinite; }
.uring2--gold{ box-shadow:0 3px 16px rgba(200,150,60,.38); }
.uring2--gold .uring2__core{ background:linear-gradient(150deg,#FFFDF4,#FBF3DC); }
.uring2--gold .uring2__core img{ filter:sepia(1) saturate(2.4) hue-rotate(-12deg) brightness(.92); }
@keyframes uSpin{ to{ transform:rotate(360deg); } }

/* ---------- CO-2: Copy-Rechner ---------- */
.ucalc__cap{ display:flex; align-items:center; gap:10px; font-size:12.5px; color:var(--ink-3); background:var(--sunken);
  border:1px solid var(--line); border-radius:var(--r); padding:8px 12px; margin-bottom:12px; }
.ucalc__cap b{ color:var(--ink); }
.ucalc__setup{ border:1px dashed var(--line-3); border-radius:var(--r); padding:16px; }
.ucalc__modes{ display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--line-2); border-radius:10px; overflow:hidden; }
.ucalc__modes button{ border:0; background:var(--surface); font-family:var(--body); font-size:12.5px; font-weight:600; color:var(--ink-4); padding:9px 6px; cursor:pointer; }
.ucalc__modes button.on{ background:var(--ink); color:#fff; }
.ucalc__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:14px; }
.ucalc__grid > div{ border:1px solid var(--line); border-radius:var(--r); padding:9px 11px; display:flex; flex-direction:column; gap:2px; }
.ucalc__grid b{ font-family:var(--mono); font-size:9px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-4); }
.ucalc__grid span{ font-family:var(--mono); font-size:13px; color:var(--ink); }
#calcBody .uscale{ margin-top:12px; }
.ucalc__risk{ margin-top:14px; border:1px solid var(--line-2); border-left:3px solid var(--ink); border-radius:var(--r); padding:12px 14px; }
.ucalc__risk > b{ display:block; font-family:var(--mono); font-size:9.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-4); margin-bottom:7px; }
.ucalc__riskrow{ display:flex; flex-direction:column; gap:5px; font-size:13px; color:var(--ink-3); }
.ucalc__riskrow strong{ font-family:var(--display); font-size:17px; font-weight:700; color:var(--ink); }
.ucalc__lock{ margin-top:14px; background:var(--sunken); border:1px solid var(--line-2); border-radius:var(--r); padding:16px; }
.ucalc__lock h3{ margin:0 0 5px; font-family:var(--display); font-size:15px; font-weight:600; }
.ucalc__lock p{ margin:0; font-size:12.5px; line-height:1.55; color:var(--ink-3); }

/* ---------- CO-3: HF-Gate ---------- */
.uhf-gate{ text-align:center; padding:6px 12px 0; }
.uhf-gate__lock{ width:44px; height:44px; margin:0 auto 10px; border-radius:12px; background:var(--gated-bg); border:1px solid var(--gated-line); display:flex; align-items:center; justify-content:center; color:var(--gated); }
.uhf-gate h3{ margin:0 0 6px; font-family:var(--display); font-size:15.5px; font-weight:600; }
.uhf-gate p{ margin:0 auto; max-width:460px; font-size:12.5px; line-height:1.55; color:var(--ink-3); }

/* ---------- CO-7: Anker ---------- */
.uank{ flex:1; border:1px solid var(--line); border-radius:var(--r); padding:10px 12px; text-align:center; }
.uank b{ display:block; font-family:var(--display); font-size:13px; font-weight:600; color:var(--ink-4); }
.uank span{ font-family:var(--mono); font-size:10px; color:var(--ink-5); }
.uank.on{ border-color:transparent; background:linear-gradient(var(--surface),var(--surface)) padding-box, var(--grad) border-box; border:1px solid transparent; }
.uank.on b{ color:var(--ink); }

/* ---------- CO-8: „Die 999“ ---------- */
.u999{ display:inline-flex; align-items:center; gap:8px; background:#0B0E14; border-radius:10px; padding:6px 12px 6px 8px; box-shadow:var(--sh-1); }
.u999 img{ width:20px; height:20px; object-fit:contain; filter:brightness(0) invert(1); opacity:.92; }
.u999 span{ display:flex; flex-direction:column; line-height:1.15; }
.u999 b{ font-family:var(--mono); font-size:8.5px; font-weight:700; letter-spacing:.14em; color:rgba(255,255,255,.55); }
.u999 i{ font-style:normal; font-family:var(--mono); font-size:11.5px; font-weight:600; color:#fff; letter-spacing:.04em; }
.u999--big{ padding:9px 16px 9px 11px; border-radius:12px; }
.u999--big img{ width:28px; height:28px; }
.u999--big b{ font-size:9.5px; }
.u999--big i{ font-size:14px; }
.u999sil{ width:120px; height:120px; border-radius:16px; background:var(--sunken); border:1px dashed var(--line-3); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; flex:0 0 auto; }
.u999sil img{ width:52%; height:52%; object-fit:contain; filter:brightness(0); opacity:.75; }
.u999sil span{ font-family:var(--mono); font-size:10.5px; color:var(--ink-4); }
.u999sil--won{ background:#0B0E14; border:0; }
.u999sil--won img{ filter:brightness(0) invert(1); opacity:.95; }
.u999sil--won span{ color:#fff; }
.u999teaser{ display:flex; gap:18px; align-items:flex-start; }
.u999teaser h3{ margin:0 0 6px; font-family:var(--display); font-size:15.5px; font-weight:600; }
.u999teaser p{ margin:0 0 10px; font-size:12.5px; line-height:1.55; color:var(--ink-3); max-width:520px; }
.u999facts{ font-family:var(--mono); font-size:11px; color:var(--ink-4); }
.uhf-abo__price{ font-family:var(--display); font-weight:700; font-size:22px; letter-spacing:-.02em; }
.utk-h{ margin:16px 0 8px; font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-4); }
.utk-h:first-child{ margin-top:0; }
.utk-det{ margin-top:10px; border:1px dashed var(--line-2); border-radius:var(--r); padding:8px 12px; }
.utk-det summary{ cursor:pointer; font-size:12px; font-weight:600; color:var(--ink-3); }
.utk-det p{ margin:8px 0 0; font-family:var(--mono); font-size:11px; line-height:1.6; color:var(--ink-3); }
@media (max-width:860px){ .u999teaser{ flex-direction:column; } }

/* ---------- CO-6: Tokenomics ---------- */
.utk-cores{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.utk-core{ border:1px solid var(--line); border-radius:var(--r); padding:14px; }
.utk-core h4{ margin:0 0 6px; font-family:var(--display); font-size:14px; font-weight:600; }
.utk-core p{ margin:0; font-size:12px; line-height:1.55; color:var(--ink-3); }
.ureactor{ display:grid; grid-template-columns:230px 1fr; gap:22px; align-items:center; }
.ureactor svg{ width:100%; max-width:230px; }
.ureactor__flow{ animation:uFlow 6s linear infinite; }
@keyframes uFlow{ to{ stroke-dashoffset:-452.4; } }
.ureactor__steps{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.ureactor__steps li{ display:flex; align-items:center; gap:11px; font-size:13px; color:var(--ink-2); }
.ureactor__steps b{ width:22px; height:22px; flex:0 0 auto; border-radius:50%; background:var(--grad-soft); display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:10.5px; font-weight:700; }
.utk-tiers{ display:flex; gap:14px; flex-wrap:wrap; align-items:flex-end; }
.utk-tiers__cell{ display:flex; flex-direction:column; align-items:center; gap:6px; }
.utk-tiers__cell span{ font-family:var(--mono); font-size:9.5px; font-weight:600; letter-spacing:.06em; color:var(--ink-4); }
.utk-tiers__cell.sym span{ color:var(--ink); }
.utk-burn{ border:1px solid var(--line); border-radius:var(--r); overflow:hidden; }
.utk-burn__row{ display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:8px; padding:8px 12px; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); border-bottom:1px solid var(--line); }
.utk-burn__row:last-child{ border-bottom:0; }
.utk-burn__row b{ font-weight:500; color:var(--ink-2); text-align:right; }
.utk-burn__head{ background:var(--sunken); font-size:9.5px; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-4); }
.utk-burn__head b{ font-weight:600; color:var(--ink-4); }
.utk-burn__row.on{ background:var(--grad-soft); }
.utk-burn__row.on b{ color:var(--ink); font-weight:700; }
@media (max-width:860px){
  .utk-cores{ grid-template-columns:1fr; }
  .ureactor{ grid-template-columns:1fr; }
  .ucalc__grid{ grid-template-columns:1fr 1fr; }
}
.utier{ display:grid; grid-template-columns:auto 1fr; gap:4px 14px; padding:13px 18px; border-bottom:1px solid var(--line); align-items:center; }
.utier:last-child{ border-bottom:0; }
.utier--now{ background:var(--grad-soft); }
.utier b{ font-family:var(--display); font-size:13.5px; font-weight:600; white-space:nowrap; }
.utier p{ grid-column:2; margin:0; font-size:12px; color:var(--ink-3); line-height:1.5; }
.utier__now{ font-family:var(--mono); font-size:9.5px; font-weight:700; letter-spacing:.08em; color:var(--ink); }

/* ---------- Copy-Score / Meilensteine ---------- */
.uscore{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.uscore__cell b{ display:block; font-family:var(--display); font-weight:700; font-size:24px; color:var(--ink); }
.uscore__cell span{ display:block; font-size:12px; font-weight:600; color:var(--ink-2); margin-top:2px; }
.uscore__cell small{ display:block; font-size:11px; color:var(--ink-4); margin-top:2px; line-height:1.4; }
.umile{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; }
.umile__b{ border:1px solid var(--line); border-radius:var(--r); padding:12px; display:flex; flex-direction:column; gap:6px; align-items:flex-start; }
.umile__b.earned{ border-color:transparent; background:linear-gradient(var(--surface),var(--surface)) padding-box, var(--grad) border-box; border:1px solid transparent; }
.umile__b span{ font-size:12px; font-weight:600; color:var(--ink-2); }
.umile__b.locked span{ color:var(--ink-4); font-weight:500; }
.umile__ic{ width:26px; height:26px; border-radius:8px; background:var(--sunken); display:flex; align-items:center; justify-content:center; color:var(--ink-4); }
.umile__b.earned .umile__ic{ background:var(--grad-soft); color:var(--ink); }
.umile__ic svg{ width:14px; height:14px; }

/* ---------- Ich vs. System ---------- */
.uivs{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.uivs__cell{ border:1px solid var(--line); border-radius:var(--r); padding:14px; }
.uivs__cell b{ display:block; font-family:var(--display); font-weight:700; font-size:24px; }
.uivs__cell span{ font-size:11.5px; color:var(--ink-4); }

/* ---------- Copy-Ledger Zeile ---------- */
.uled{ display:grid; grid-template-columns:74px 86px 1fr auto; gap:12px; align-items:center; padding:12px 18px; border-bottom:1px solid var(--line); }
.uled:last-child{ border-bottom:0; }
.uled__sub{ font-family:var(--mono); font-size:10.5px; color:var(--ink-4); }

/* ---------- Sheet / Copy-Flow ---------- */
/* z-index 210: muss ÜBER dem Login-Panel (.login z-200) liegen — der CO-5-Wallet-Sheet
   wird vom Login-Screen aus geöffnet; unter dem Loader (.loader z-300). */
.usheet{ position:fixed; inset:0; z-index:210; background:rgba(11,14,20,.34); display:flex; align-items:flex-end; justify-content:center;
  opacity:0; transition:opacity .22s; backdrop-filter:blur(2px); }
.usheet.open{ opacity:1; }
.usheet__box{ background:var(--surface); border:1px solid var(--line); border-radius:var(--r-xl) var(--r-xl) 0 0; box-shadow:var(--sh-3);
  width:min(560px,100%); max-height:86vh; overflow-y:auto; padding:24px 24px 28px; transform:translateY(18px); transition:transform .24s cubic-bezier(.2,.8,.25,1); }
.usheet.open .usheet__box{ transform:none; }
@media (min-width:861px){ .usheet{ align-items:center; padding:20px; } .usheet__box{ border-radius:var(--r-xl); } }
.usheet__box h2{ font-family:var(--display); font-weight:600; font-size:20px; letter-spacing:-.015em; margin:4px 0 10px; }
.usheet__fields{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.usheet__fields label{ display:flex; flex-direction:column; gap:5px; font-family:var(--mono); font-size:10px; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-4); }
.usheet__row{ display:flex; gap:9px; margin-top:16px; flex-wrap:wrap; }
.usheet__row .btn-primary{ flex:1; justify-content:center; }

/* ---------- Toast ---------- */
.u-toast{ position:fixed; left:50%; bottom:26px; transform:translate(-50%,14px); z-index:200; background:var(--ink); color:#fff;
  font-size:12.5px; font-weight:500; padding:10px 18px; border-radius:99px; box-shadow:var(--sh-3); opacity:0; pointer-events:none; transition:.22s; }
.u-toast.on{ opacity:1; transform:translate(-50%,0); }

/* ---------- Onboarding ---------- */
.u-onb .usheet__box{ text-align:left; }
.u-onb__dots{ display:flex; gap:6px; margin-bottom:14px; }
.u-onb__dots i{ width:22px; height:4px; border-radius:99px; background:var(--sunken); }
.u-onb__dots i.on{ background:var(--grad); }
.u-onb h2{ font-size:22px; }
.u-onb__body{ margin:0; font-size:13.5px; line-height:1.65; color:var(--ink-3); }
.u-onb__row{ display:flex; justify-content:space-between; gap:10px; margin-top:22px; }

/* ---------- Bottom-Bar (mobil, §0.6) ---------- */
.ubar{ display:none; }

@media (max-width:860px){
  body.role-user .rail{ display:none; }
  body.role-user .app{ grid-template-columns:1fr; }
  body.role-user .ubar{ position:fixed; left:0; right:0; bottom:0; z-index:80; display:grid; grid-template-columns:repeat(4,1fr);
    background:var(--surface); border-top:1px solid var(--line); padding:6px 8px calc(7px + env(safe-area-inset-bottom)); }
  .ubar button{ border:0; background:transparent; display:flex; flex-direction:column; align-items:center; gap:3px;
    color:var(--ink-4); font-family:var(--body); font-size:10px; font-weight:600; padding:6px 0 3px; border-radius:10px; min-height:48px; }
  .ubar button svg{ width:21px; height:21px; }
  .ubar button.active{ color:var(--ink); background:var(--grad-soft); }
  body.role-user .view{ padding:16px 14px 130px; }
  body.role-user .topbar__crumb, body.role-user .topbar__clock{ display:none; }
  .usig__head{ grid-template-columns:64px 1fr auto; }
  .usig__head .usig__meta{ display:none; }
  .usig__detail{ grid-template-columns:1fr; }
  .uscore{ grid-template-columns:1fr; }
  .uivs{ grid-template-columns:1fr; }
  .grid.g-2{ grid-template-columns:1fr; }
  .statusbar--user{ overflow-x:auto; }
}