/* Единый журнал стратегий (strat_journal.py) */
.sj-nav{display:flex;gap:6px;overflow-x:auto;padding:8px 0 10px;margin:0 0 12px;scrollbar-width:thin;position:sticky;top:0;z-index:20;background:var(--bg,#0b1220)}
.sj-pill{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid #273449;color:#cbd5e1;text-decoration:none;font-size:13px;white-space:nowrap;background:#111a2b}
.sj-pill:hover{border-color:#3b82f6;color:#fff}
.sj-pill.on{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
.sj-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
.sj-dot.sandbox{background:#22c55e}.sj-dot.virtual{background:#38bdf8}
.sj-hero,.sj-trades,.sj-hub{background:#0f172a;border:1px solid #1e293b;border-radius:14px;padding:18px;margin:0 0 16px;color:#e2e8f0}
.sj-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.sj-title{font-size:24px;margin:0 0 8px;color:#f8fafc}
.sj-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.sj-tag{font-size:12px;padding:3px 9px;border-radius:999px;background:#1e293b;color:#cbd5e1}
.sj-tag.sandbox{background:#14532d;color:#bbf7d0}.sj-tag.virtual{background:#0c4a6e;color:#bae6fd}.sj-tag.live{background:#422006;color:#fde68a}
.sj-short{color:#94a3b8;margin:0}
.sj-jump{flex:none;background:#1d4ed8;color:#fff;padding:9px 14px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px}
.sj-rules{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;font-size:14px;color:#cbd5e1}
.sj-rules>div{background:#111a2b;border-radius:10px;padding:10px 12px}
.sj-cmp{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sj-box{background:#111a2b;border:1px solid #1e293b;border-radius:12px;padding:12px 14px}
.sj-box.live{border-color:#1d4ed8}
.sj-box-h{font-weight:700;margin-bottom:8px}
.sj-box dl{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0}
.sj-box dl div{min-width:0}
.sj-box dt{font-size:11px;color:#94a3b8}.sj-box dd{margin:2px 0 0;font-weight:700;font-size:15px;overflow-wrap:anywhere}
.pos{color:#22c55e}.neg{color:#ef4444}
.sj-note{font-size:12px;color:#94a3b8;margin:8px 0 0}
.sj-sec-h{font-size:18px;font-weight:700;margin:16px 0 10px}
.sj-trades .sj-sec-h{margin-top:0}
.sj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.sj-card{background:#111a2b;border:1px solid #1e293b;border-left:4px solid #64748b;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.sj-card.win{border-left-color:#22c55e}.sj-card.loss{border-left-color:#ef4444}.sj-card.open{border-left-color:#f59e0b}
.sj-imgs{display:flex;gap:2px;background:#0b1220}
.sj-img{flex:1;min-width:0;display:block;cursor:zoom-in}
.sj-img img{width:100%;height:170px;object-fit:cover;object-position:right center;display:block}
.sj-noimg{height:60px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:12px;background:#0b1220}
.sj-body{padding:10px 12px 12px;font-size:14px}
.sj-row1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sj-side{font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px}
.sj-side.buy{background:#14532d;color:#86efac}.sj-side.sell{background:#7f1d1d;color:#fca5a5}
.sj-res{margin-left:auto;font-weight:700}
.sj-card.win .sj-res{color:#22c55e}.sj-card.loss .sj-res{color:#ef4444}.sj-card.open .sj-res{color:#f59e0b}
.sj-px{font-size:12px;color:#94a3b8;margin:6px 0}
.sj-why{margin:6px 0 0;color:#cbd5e1;line-height:1.45}
.sj-why b{color:#e2e8f0}
.sj-filter{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 12px}
.sj-filter button{background:#111a2b;border:1px solid #273449;color:#cbd5e1;padding:6px 12px;border-radius:999px;cursor:pointer;font-size:13px}
.sj-filter button.on{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
.sj-empty{color:#94a3b8}
.sj-lb{position:fixed;inset:0;background:rgba(2,6,23,.92);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out;padding:16px}
.sj-lb[hidden]{display:none}
.sj-lb img{max-width:100%;max-height:100%;border-radius:8px}
.sj-hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.sj-hcard{display:flex;flex-direction:column;gap:6px;background:#111a2b;border:1px solid #1e293b;border-radius:12px;padding:14px;color:#e2e8f0;text-decoration:none}
.sj-hcard:hover{border-color:#3b82f6}
.sj-hc-top{display:flex;gap:6px;flex-wrap:wrap}
.sj-hc-name{font-size:17px;font-weight:700}
.sj-hc-sub{font-size:12px;color:#94a3b8}
.sj-hc-short{font-size:13px;color:#cbd5e1}
.sj-hc-cmp{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.sj-hc-cmp div{background:#0b1220;border-radius:8px;padding:8px}
.sj-hc-cmp span{display:block;font-size:11px;color:#94a3b8}.sj-hc-cmp b{font-size:16px}.sj-hc-cmp small{display:block;font-size:11px;color:#64748b}
.sj-hc-img{position:relative;border-radius:8px;overflow:hidden;background:#0b1220}
.sj-hc-img img{width:100%;height:140px;object-fit:cover;object-position:right center;display:block}
.sj-hc-img span{position:absolute;left:0;right:0;bottom:0;padding:4px 8px;font-size:12px;background:rgba(15,23,42,.85)}
.sj-hc-img.empty{height:60px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:12px}
.sj-hc-go{margin-top:auto;color:#60a5fa;font-weight:600;font-size:14px}
@media (max-width:700px){
  .sj-rules,.sj-cmp{grid-template-columns:1fr}
  .sj-box dl{grid-template-columns:repeat(3,1fr)}
  .sj-grid,.sj-hgrid{grid-template-columns:1fr}
  .sj-title{font-size:20px}
  .sj-hero,.sj-trades,.sj-hub{padding:14px}
}
/* Дубли старого оформления под новым блоком (2026-11-10) */
.sj-page .terminal-page-heading,.sj-page nav.sg-tabs,.sj-page #bbKpis,.sj-page section.hd-kpis,
.sj-page section.bb-card:has(> .bb-scroll),.sj-page section.bb-card:has(#bbEvents),
.sj-page .sg-page > .sg-head,.sj-page .sg-page > .sg-grid{display:none!important}