/* shell.css — Ф5 стадия A: правый попап-шелл кошелька (тёмная тема «как MetaMask», БЕЗ лисы/вордмарка).
   Бейдж ТРЕНАЖЁР в шапке виден на КАЖДОМ экране; низ попапа — пометка «симуляция · тестовые токены».
   Единый визуальный язык с emulator/l1-emu (те же токены палитры). */
:root{
  --accent:#f6851b; --accent2:#ffce9e;        /* по умолчанию скин metamask (гексагон) — задаёт shell.js applySkin */
  --bg:#0b0e12; --card:#171b22; --card2:#1f2530; --line:#2a303a;
  --fg:#e6e9ef; --muted:#9aa4b2; --ok:#6ee7b7; --danger:#ff6b6b; --warn:#f5a623;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:transparent;
  font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--fg)}

/* Оверлей на весь вьюпорт, в покое невидим и не ловит клики (хост тоглит pointer-events по __tw:'ui'). */
#overlay{position:fixed;inset:0;display:none;background:transparent}
#overlay.show{display:block}

/* Правый попап — прижат вправо, высота вьюпорта, тень слева (как попап расширения). */
#popup{position:fixed;top:0;right:0;height:100vh;width:min(400px,100vw);
  background:var(--bg);border-left:1px solid var(--line);box-shadow:-18px 0 50px rgba(0,0,0,.5);
  display:flex;flex-direction:column}

/* Шапка: абстрактная иконка + имя (учебное) + чип сети + бейдж ТРЕНАЖЁР. */
#brand{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}
#brand .ic{font-size:18px}
#brand .wname{font-weight:700;font-size:14px}
#brand .netpill{font-size:10px;font-weight:700;color:var(--accent2);
  background:#0f1319;border:1px solid var(--line);border-radius:20px;padding:2px 9px;margin-left:6px}
#brand .badge{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.5px;
  background:#3a2a10;color:#ffcf7a;border:1px solid #6b4e1f;border-radius:6px;padding:3px 7px}

/* Область экрана (роутер рендерит сюда). */
#screen{flex:1;overflow-y:auto;padding:16px 16px 8px}
#foot{padding:8px 14px 12px;border-top:1px solid var(--line);
  font-size:11px;color:var(--muted);text-align:center}

h2{font-size:17px;margin:4px 0 6px}
p{margin:0 0 10px}
.muted{color:var(--muted)}
.sub{color:var(--muted);font-size:13px;margin:0 0 14px}

/* Кнопки — MM-подобные тёмные плитки; primary = акцент. */
button{font:inherit;font-weight:600;border-radius:10px;padding:11px 16px;cursor:pointer;
  border:1px solid var(--line);background:var(--card2);color:var(--fg);width:100%}
button:hover{filter:brightness(1.08)}
button:disabled{opacity:.45;cursor:not-allowed}
button.primary{background:var(--accent);border-color:var(--accent);color:#1a1205}
button.ghost{background:transparent}
.btnrow{display:flex;flex-direction:column;gap:9px;margin-top:14px}

label{display:block;font-size:12px;color:var(--muted);margin:12px 0 5px}
input,textarea{width:100%;background:#0f1319;border:1px solid var(--line);color:var(--fg);
  border-radius:9px;padding:10px 12px;font-size:14px}
textarea{resize:vertical;min-height:72px;font-family:ui-monospace,Menlo,monospace}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* Seed-слова (показ). */
.seedgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.sw{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:9px 10px;font-size:13px}
.sw i{color:var(--muted);font-style:normal;margin-right:7px;font-size:11px}

/* Подтверждение seed — ряды выбора слова тапом. */
.cfgrow{margin:12px 0}
.cfgrow .pos{font-size:12px;color:var(--muted);margin-bottom:6px}
.choices{display:flex;gap:8px;flex-wrap:wrap}
.choices button{width:auto;padding:8px 14px;background:var(--card)}
.choices button.sel{background:var(--accent);border-color:var(--accent);color:#1a1205}

/* Информ-блоки (урок/предупреждение). */
.note{border-radius:10px;padding:10px 12px;font-size:13px;margin:12px 0}
.note.info{background:#10233a;border:1px solid #27425f;color:#bcd6f2}
.note.danger{background:#3a1414;border:1px solid #6b2525;color:#ffb3b3}
.note.warn{background:#352a10;border:1px solid #6b561f;color:#ffdf9e}
.note.ok{background:#12301f;border:1px solid #255c3b;color:#aef0cf}
.note i{opacity:.92}

/* Лист запроса сайта (стадия C): источник запроса + моноблок сообщения/сырых данных. */
.reqsub{color:var(--muted);font-size:12px;word-break:break-all;margin:-2px 0 12px}
.msgbox{background:#0f1319;border:1px solid var(--line);border-radius:9px;padding:10px 12px;
  word-break:break-word;font-size:13px;margin:8px 0;max-height:170px;overflow:auto}

.kv{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.kv span{color:var(--muted);font-size:13px}
.status{min-height:18px;font-size:13px;margin-top:8px;word-break:break-word}
.status.err{color:var(--danger)}
.status.ok{color:var(--ok)}
.copybtn{width:auto;padding:4px 9px;font-size:12px;background:var(--card)}
.addr{display:flex;align-items:center;gap:8px}

/* ——— Дом (стадия B) ——— */
.hhead{display:flex;align-items:center;gap:8px;margin:-4px 0 6px}
.hhead .acct{font-weight:700;font-size:14px}
.hhead .addr{margin-left:4px}
.hhead .menu{width:auto;padding:4px 10px;font-size:16px;line-height:1;background:transparent;border:0}
.balance{text-align:center;padding:14px 0 10px}
.balance .bignum{font-size:30px;font-weight:800;letter-spacing:.3px}
.balance .change{font-size:12px;margin-top:4px}
.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 14px}
.act{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;border-radius:12px;
  background:var(--card2);border:1px solid var(--line);color:var(--fg);font-size:12px;font-weight:600;
  text-decoration:none;cursor:pointer;width:auto}
.act .ai{font-size:16px;color:var(--accent2)}
.act:hover{filter:brightness(1.1)}
.tabs{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px;margin-top:4px}
.tabs b.on{font-size:14px;border-bottom:2px solid var(--fg);padding-bottom:7px;margin-bottom:-9px}
.tabs span{color:var(--muted);font-size:14px;cursor:pointer}
.netchip-row{margin:10px 0 4px}
.netchip{font-size:11px;color:var(--muted);background:#0f1319;border:1px solid var(--line);
  border-radius:16px;padding:3px 10px}
.tokens{margin-top:4px}
.trow{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.trow .tname{font-weight:600}
.trow .tbal{color:var(--fg)}
.tabbar{display:flex;justify-content:space-around;margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}
.tabbar .tb{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted);cursor:pointer}
.tabbar .tb.on{color:var(--fg)}
.netopt{text-align:left}
.netopt.cur{border-color:var(--accent);color:var(--accent2)}
.recvaddr{background:#0f1319;border:1px solid var(--line);border-radius:9px;padding:10px 12px;
  word-break:break-all;font-size:13px;margin:6px 0 2px}
.status a{color:var(--accent2)}