/* Журнал индикатора /<lang>/indicator/journal/ (правка 10): светлая страница сайта, тёмные блоки в стиле терминала Bybit, как на дашборде.
   Сверху — «Индикатор сейчас в сделках», итоги при выбранном риске на сделку (без реинвестирования) и в долларах, месяцы × монеты,
   ниже — все сигналы с фильтрами (indicator-journal.mjs). Шапка, строка цен, плавающие кнопки индикатора и подвал — общие. */

/* ---------- меню со значками, как на остальных страницах ---------- */
body[data-redesign="indicator-journal"] .site-nav{gap:6px}
body[data-redesign="indicator-journal"] .site-nav a{display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border-radius:12px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s}
body[data-redesign="indicator-journal"] .site-nav a::before{content:"";width:24px;height:24px;background:center/contain no-repeat}
body[data-redesign="indicator-journal"] .site-nav a:hover,body[data-redesign="indicator-journal"] .site-nav a[aria-current="page"]{color:var(--ink);background:var(--surface);box-shadow:0 8px 20px var(--shadow)}
body[data-redesign="indicator-journal"] .site-nav a:hover{transform:translateY(-2px) scale(1.06)}
body[data-redesign="indicator-journal"] .menu-panel a::before{content:"";flex:0 0 22px;width:22px;height:22px;background:center/contain no-repeat}
body[data-redesign="indicator-journal"] .site-nav a[data-nav="copy"]::before,body[data-redesign="indicator-journal"] .menu-panel a[data-nav="copy"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Crect width=%2224%22 height=%2224%22 rx=%226%22 fill=%22%230b0f17%22/%3E%3Cg transform=%22translate(2.4 2.4) scale(.8)%22%3E%3Cg fill=%22none%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20.6 12A8.6 8.6 0 0 0 5.9 5.9M8.9 5.9H5.9V2.9%22 stroke=%22%23f7a600%22/%3E%3Cpath d=%22M3.4 12A8.6 8.6 0 0 0 18.1 18.1M15.1 18.1h3v3%22 stroke=%22%23fff%22/%3E%3Ccircle cx=%229.2%22 cy=%2210.4%22 r=%221.5%22 stroke=%22%23fff%22/%3E%3Cpath d=%22M6.4 15.6a3 3 0 0 1 4.2-2.6%22 stroke=%22%23fff%22/%3E%3C/g%3E%3Ccircle cx=%2214.4%22 cy=%229.9%22 r=%221.9%22 fill=%22%23fff%22/%3E%3Cpath d=%22M10.9 16.6a3.5 3.5 0 0 1 7 0z%22 fill=%22%23fff%22/%3E%3C/g%3E%3C/svg%3E")}
body[data-redesign="indicator-journal"] .site-nav a[data-nav="indicator"]::before,body[data-redesign="indicator-journal"] .menu-panel a[data-nav="indicator"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Crect width=%2224%22 height=%2224%22 rx=%226%22 fill=%22%230b0f17%22/%3E%3Cpath d=%22M7 3v14%22 stroke=%22%232ee88f%22 stroke-width=%221.2%22/%3E%3Crect x=%225.3%22 y=%225.2%22 width=%223.4%22 height=%229.6%22 rx=%22.6%22 fill=%22%2319c76b%22/%3E%3Cpath d=%22M8.7 5.2h1.9l4.7 8.2v1.4h-1.8L8.7 7.4z%22 fill=%22%2319c76b%22/%3E%3Cpath d=%22M17 3v14%22 stroke=%22%23ff5a5a%22 stroke-width=%221.2%22/%3E%3Crect x=%2215.3%22 y=%225.2%22 width=%223.4%22 height=%229.6%22 rx=%22.6%22 fill=%22%23ef3b3b%22/%3E%3Cpath d=%22M3.5 21l5-3.6 3 2.4 7.3-5.3%22 fill=%22none%22 stroke=%22%23f7b500%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M16.6 14.4h2.6v2.6%22 fill=%22none%22 stroke=%22%23f7b500%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E")}
body[data-redesign="indicator-journal"] .site-nav a[href$="/history/"]::before,body[data-redesign="indicator-journal"] .menu-panel a[href$="/history/"]::before{background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 6h12M8 12h12M8 18h12%22/%3E%3Ccircle cx=%224%22 cy=%226%22 r=%221%22/%3E%3Ccircle cx=%224%22 cy=%2212%22 r=%221%22/%3E%3Ccircle cx=%224%22 cy=%2218%22 r=%221%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 6h12M8 12h12M8 18h12%22/%3E%3Ccircle cx=%224%22 cy=%226%22 r=%221%22/%3E%3Ccircle cx=%224%22 cy=%2212%22 r=%221%22/%3E%3Ccircle cx=%224%22 cy=%2218%22 r=%221%22/%3E%3C/svg%3E") center/contain no-repeat}
body[data-redesign="indicator-journal"] .site-nav a[href*="/dashboard/"]::before,body[data-redesign="indicator-journal"] .menu-panel a[href*="/dashboard/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Crect width=%2224%22 height=%2224%22 rx=%226%22 fill=%22%230b0f17%22/%3E%3Cpath d=%22M3.8 9.4h14.4M3.8 14h14.4%22 stroke=%22%23ffffff24%22 stroke-width=%22.8%22/%3E%3Cpath d=%22M3.8 18.6h14.4V4.2%22 fill=%22none%22 stroke=%22%23c9d1db%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M7.6 18.6v1.6M11.6 18.6v1.6M15.6 18.6v1.6%22 stroke=%22%23c9d1db%22 stroke-width=%221%22/%3E%3Cpath d=%22M4.4 16.2 7.8 12.8l3 1.6 3.8-6.2 3.6 1.2v9.2H4.4z%22 fill=%22%2320b26c%22 fill-opacity=%22.25%22/%3E%3Cpath d=%22M4.4 16.2 7.8 12.8l3 1.6 3.8-6.2 3.6 1.2%22 fill=%22none%22 stroke=%22%2320b26c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Crect x=%2218.2%22 y=%227.9%22 width=%224.4%22 height=%223%22 rx=%22.8%22 fill=%22%2320b26c%22/%3E%3C/svg%3E")}
body[data-redesign="indicator-journal"] .menu-panel .menu-tg::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Crect width=%2224%22 height=%2224%22 rx=%226%22 fill=%22%232aabee%22/%3E%3Cg transform=%22translate(3.4 3.6) scale(.72)%22%3E%3Cpath fill=%22%23fff%22 d=%22M21.9 4.3 18.7 19.4c-.2 1-.9 1.3-1.7.8l-4.8-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.3-4.9 8.9-8c.4-.3-.1-.5-.6-.2l-11 6.9-4.7-1.5c-1-.3-1-1 .2-1.5L20.6 3c.9-.3 1.6.2 1.3 1.3z%22/%3E%3C/g%3E%3C/svg%3E")}

.ij{--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--t-bg:#0b0e11;--t-panel:#161a1e;--t-line:#2b3139;--t-ink:#eaecef;--t-muted:#848e9c;
  --t-up:#20b26c;--t-down:#ef454a;--t-gold:#f0b90b;display:flex;flex-direction:column;gap:32px;padding-top:26px;padding-bottom:56px}
.ij h2 b{display:inline-grid;place-items:center;min-width:30px;height:30px;margin-left:8px;padding:0 8px;border-radius:9px;background:#2b3139;color:var(--t-ink);font:700 16px var(--mono);vertical-align:3px}
.ij-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.ij-head p{margin:6px 0 0;font-size:13.5px;color:var(--muted)}
.ij-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.ij-seg button{padding:6px 11px;border:0;border-radius:7px;background:none;color:var(--muted);font:600 13px Inter,sans-serif;cursor:pointer}
.ij-seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px var(--shadow)}

/* ---------- заголовок и «сейчас в сигналах» ---------- */
.ij-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:center}
.ij-hero h1{font-size:clamp(34px,3.4vw,46px);line-height:1.08;letter-spacing:-1.6px}
.ij-hero h1 span{display:block;margin-top:6px;font-size:.6em;letter-spacing:-.6px;color:var(--accent)}
.ij-lead{max-width:560px;margin:14px 0 0;font-size:17px;line-height:1.5;color:var(--muted)}
.ij-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.ij-chips li{padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px;color:var(--muted)}
.ij-now{padding:18px 20px;border-radius:18px;background:var(--t-bg);color:var(--t-ink);box-shadow:0 20px 50px #0b0e1133}
.ij-now-hd{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:700 12px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:#c9d1db}
.ij-now-hd i{width:8px;height:8px;border-radius:50%;background:var(--t-up);animation:ij-blink 1.6s infinite}
.ij-now-hd b{color:var(--t-ink);font-size:14px}
@keyframes ij-blink{50%{opacity:.25}}
.ij-now-rows{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.ij-now-rows li{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:10px;padding:7px 12px;border:1px solid var(--t-line);border-radius:10px;background:var(--t-panel)}
.ij-now-rows b{font:800 16px var(--mono)}
.ij-now-rows em{display:flex;flex-direction:column;font-style:normal;font-size:12.5px;line-height:1.3;color:#c9d1db;text-align:right}
.ij-now-rows small{font:11px var(--mono);color:var(--t-muted)}
.ij-now-foot{margin:10px 0 0;font-size:12px;color:var(--t-muted)}
.ij-side{padding:3px 8px;border-radius:6px;font:800 11.5px Inter,sans-serif;letter-spacing:.5px}
.ij-side.long{background:#20b26c26;color:#3fd08b}.ij-side.short{background:#ef454a26;color:#ff6b70}
.ij-tf{padding:2px 7px;border-radius:5px;background:#2b3139;color:#c9d1db;font:700 12px var(--mono)}

/* ---------- итоги ---------- */
.ij-cards{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:10px}
.ij-card{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;background:var(--t-bg);color:var(--t-ink)}
.ij-card span{font-size:12.5px;color:var(--t-muted)}
.ij-card b{font:800 26px var(--mono)}
.ij-card small{font-size:12px;line-height:1.35;color:var(--t-muted)}
.ij-card .ij-big{font-size:38px;letter-spacing:-1px}
.ij-big.up{color:var(--t-up)}.ij-big.down{color:var(--t-down)}
.ij-how{margin:14px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted)}

/* ---------- месяцы × монеты ---------- */
.ij-heat-box,.ij-journal{padding:20px 22px 16px;border-radius:18px;background:var(--t-bg);color:var(--t-ink);box-shadow:0 24px 60px #0b0e1130}
.ij-heat-box h2,.ij-journal h2{color:var(--t-ink)}
.ij-heat-box .ij-head p,.ij-journal .ij-head p{color:var(--t-muted)}
.ij-scroll{overflow-x:auto}
.ij-heat{width:100%;border-collapse:separate;border-spacing:4px;font:13px var(--mono)}
.ij-heat th{padding:4px 6px;font:600 12px Inter,sans-serif;color:var(--t-muted);text-align:center}
.ij-heat tbody th,.ij-heat tfoot th{text-align:left;white-space:nowrap;color:#c9d1db}
.ij-heat tbody th small{display:block;font-size:10.5px;color:var(--t-gold)}
.ij-heat td{padding:0;text-align:center}
.ij-heat td button{width:100%;min-width:52px;padding:8px 4px;border:0;border-radius:6px;color:#fff;font:700 13px var(--mono);cursor:pointer}
.ij-heat td button:hover{outline:2px solid #ffffff66}
.ij-heat .ij-h0{color:#474d57}
.ij-heat tfoot td{padding:8px 4px;font-weight:800}
.ij-heat .ij-total{border-left:1px solid var(--t-line)}
.ij-heat td.up{color:var(--t-up)}.ij-heat td.down{color:var(--t-down)}

/* ---------- журнал ---------- */
.ij-journal .ij-seg{background:var(--t-panel);border-color:var(--t-line)}
.ij-journal .ij-seg button{color:var(--t-muted)}
.ij-journal .ij-seg button[aria-pressed="true"]{background:#2b3139;color:var(--t-ink);box-shadow:none}
.ij-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.ij-month[hidden]{display:none}
.ij-month{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 12px;border:1px solid var(--t-gold);border-radius:999px;color:var(--t-gold);font-size:13px}
.ij-month button{border:0;background:none;color:var(--t-gold);cursor:pointer;font-size:14px}
.ij-table{width:100%;border-collapse:collapse;font-size:13.5px}
.ij-table th{padding:9px 10px;border-bottom:1px solid var(--t-line);font-size:12px;font-weight:600;color:var(--t-muted);text-align:left;white-space:nowrap}
.ij-table td{padding:9px 10px;border-bottom:1px solid #1e2329;font:13.5px var(--mono);white-space:nowrap}
.ij-table tr:hover td{background:#161a1e}
.ij-coin{font-family:Inter,sans-serif;font-size:14.5px}
.ij-live{margin-left:4px;padding:1px 6px;border-radius:4px;background:#f0b90b26;color:var(--t-gold);font:700 10.5px Inter,sans-serif}
.ij-dots{display:inline-flex;gap:3px}
.ij-dots i{padding:1px 5px;border-radius:4px;background:#2b3139;color:#5e6673;font:700 10.5px var(--mono);font-style:normal}
.ij-dots i.on{background:#20b26c33;color:#3fd08b}
.ij-kind{font-family:Inter,sans-serif;font-size:13px}
/* итог: цель — зелёным, перенос стопа — жёлтым, стоп — красным */
.ij-g{color:#3fd08b;font-weight:700}.ij-y{color:var(--t-gold);font-weight:600}.ij-rd{color:#ff6b70;font-weight:700}.ij-n{color:#c9d1db}
/* цены открытых сделок скрыты аккуратной штриховкой */
.ij-hide{display:inline-block;min-width:84px;padding:2px 8px;border-radius:5px;background:repeating-linear-gradient(135deg,#2b3139 0 4px,#1e2329 4px 8px);color:transparent;font-size:12px;user-select:none;cursor:help}
.ij-cut{margin:4px 0 0!important;font-size:12.5px!important;color:var(--t-gold)!important}
.ij-r{text-align:right}
.ij-r small{display:block;font-size:11px;color:var(--t-muted)}
.ij-chg{display:inline-block;padding:3px 8px;border-radius:6px;font:800 13.5px var(--mono)}
.ij-chg.up{color:var(--t-up);background:#20b26c1f}.ij-chg.down{color:var(--t-down);background:#ef454a1f}
.ij-skip td{opacity:.45}
.ij-divider td{padding:8px 10px;background:#f0b90b14;color:var(--t-gold);font:600 12px Inter,sans-serif;white-space:normal}
.ij-empty{color:var(--t-muted);text-align:center}
.ij-pager{display:flex;align-items:center;justify-content:space-between;padding-top:12px;font-size:13px;color:var(--t-muted)}
.ij-pager div{display:flex;gap:8px}
.ij-pager button{padding:7px 13px;border:1px solid var(--t-line);border-radius:8px;background:var(--t-panel);color:var(--t-ink);font:600 13px Inter,sans-serif;cursor:pointer}
.ij-pager button:disabled{opacity:.35;cursor:default}

/* ---------- доверие и финал ---------- */
.ij-trust h2{margin-bottom:14px}
.ij-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ij-trust-grid div{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 8px 24px var(--shadow);border-top:3px solid var(--pos)}
.ij-trust-grid b{font-size:16px}
.ij-trust-grid p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.ij-final{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-radius:18px;background:var(--t-bg);color:var(--t-ink)}
.ij-final h2{color:var(--t-ink);font-size:26px}
.ij-final p{margin:6px 0 0;color:var(--t-muted)}
.ij-final-actions{display:flex;gap:10px;flex:0 0 auto}
.ij-final-actions a{padding:13px 18px;border-radius:12px;font-weight:700;text-decoration:none}
.ij-bot{background:#f7a600;color:#111}
.ij-more{border:1px solid var(--t-line);color:var(--t-ink)}
.ij-risk{margin:0;font-size:12.5px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.ij-now-hd i{animation:none}}
.ij-risk-pick{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 10px;font-size:13px;color:var(--muted)}
.ij-sum .ij-cut{display:inline-block;white-space:nowrap;padding:4px 11px;border:1px solid var(--warn-line);border-radius:999px;background:var(--warn-bg);color:var(--warn-ink)!important;font-weight:600}
.ij-warn[hidden]{display:none}
.ij-warn{margin:12px 0 0;padding:10px 14px;border:1px solid #ef454a55;border-radius:10px;background:#ef454a12;color:var(--neg);font-size:13.5px;font-weight:600}
/* итоги в долларах: ползунок стартового депозита и пересчёт */
.ij-usd{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:10px;margin-top:10px;padding:14px 16px;border-radius:14px;background:var(--t-bg);color:var(--t-ink)}
.ij-usd>div,.ij-usd-pick{display:flex;flex-direction:column;gap:4px;justify-content:center;padding:0 6px}
.ij-usd>div{border-left:1px solid var(--t-line);padding-left:14px}
.ij-usd span{font-size:12.5px;color:var(--t-muted)}
.ij-usd b{font:800 22px var(--mono)}
.ij-usd-v.up{color:var(--t-up)}.ij-usd-v.down{color:var(--t-down)}
.ij-usd-pick{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px}
.ij-usd-pick input{grid-column:1/-1;width:100%;accent-color:#f7a600;cursor:pointer}
.ij-usd-pick i{grid-column:1/-1;display:flex;justify-content:space-between;font-style:normal;font-size:11px;color:var(--t-muted)}
.ij-usd-pick i span{font-size:11px}
.ij-noreinv{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:600}
.ij-cut-row{display:flex;justify-content:flex-end;margin-top:10px}
.ij-now-foot.ij-stale{color:var(--t-gold)}

/* ---------- телефон ---------- */
@media (max-width:1020px){
  .ij-hero{grid-template-columns:minmax(0,1fr);gap:22px}
  .ij-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ij-cards .ij-main{grid-column:1/-1}
  .ij-usd{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
  .ij-usd-pick{grid-column:1/-1}
  .ij-usd>div{border-left:0;border-top:1px solid var(--t-line);padding:10px 6px 0}
  .ij-trust-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .ij{gap:24px;padding-top:16px;padding-bottom:40px}
  .ij-hero h1{font-size:30px;letter-spacing:-1px}
  .ij-lead{font-size:15px}
  .ij-chips li{font-size:12px}
  .ij-now{padding:16px;border-radius:16px}
  .ij-now-rows li{grid-template-columns:auto auto auto minmax(0,1fr);gap:8px;padding:8px 10px}
  .ij-now-rows b{font-size:15px}
  .ij-head{flex-direction:column;align-items:flex-start;gap:10px}
  .ij-risk-pick{justify-content:flex-start}
  .ij-seg button{min-height:34px;padding:6px 9px}
  .ij-card{padding:14px}
  .ij-card b{font-size:22px}
  .ij-card .ij-big{font-size:32px}
  .ij-usd{padding:14px}
  .ij-usd b{font-size:19px}
  .ij-sum .ij-cut{white-space:normal;border-radius:12px}
  .ij-cut-row{justify-content:flex-start}
  .ij-heat-box,.ij-journal{padding:16px 12px 12px;border-radius:14px}
  /* месяцы × монеты — прокрутка внутри блока, месяц закреплён слева */
  .ij-heat{font-size:12px;border-spacing:3px}
  .ij-heat td button{min-width:46px;padding:7px 3px;font-size:12px}
  .ij-heat tbody th,.ij-heat tfoot th,.ij-heat thead th:first-child{position:sticky;left:0;z-index:1;background:var(--t-bg)}
  /* все сигналы — карточками: монета, ТФ, сигнал и результат сверху, время, вход и стоп, цели и итог — строками */
  .ij-table thead{display:none}
  .ij-table,.ij-table tbody{display:block}
  .ij-table tr{display:grid;grid-template-columns:62px 48px auto minmax(0,1fr);grid-template-areas:"coin tf side r" "time time time time" "entry entry stop stop" "dots dots kind kind";
    align-items:center;gap:6px 8px;padding:12px 4px;border-bottom:1px solid #1e2329}
  .ij-table td{padding:0;border:0;white-space:normal}
  .ij-table tr:hover td{background:none}
  .ij-table .j-coin{grid-area:coin}.ij-table .j-tf{grid-area:tf}.ij-table .j-side{grid-area:side}.ij-table .j-r{grid-area:r;text-align:right}
  .ij-table .j-time{grid-area:time;font-size:12px;color:var(--t-muted)}
  .ij-table .j-entry{grid-area:entry}.ij-table .j-stop{grid-area:stop}
  .ij-table .ij-hide{min-width:60px}
  .ij-table .j-entry::before,.ij-table .j-stop::before{content:attr(data-label) " ";font:12px Inter,sans-serif;color:var(--t-muted)}
  .ij-table .j-dots{grid-area:dots}.ij-table .j-kind{grid-area:kind;font-size:12.5px}
  .ij-table .j-tf{padding:2px 7px;border-radius:5px;background:#2b3139;color:#c9d1db;font:700 12px var(--mono)}
  .ij-table .ij-divider,.ij-table .ij-divider td{display:block;padding:8px 6px}
  .ij-table tr:has(>.ij-empty){display:block;padding:16px 4px}
  .ij-pager{flex-wrap:wrap;gap:8px}
  .ij-final{flex-direction:column;align-items:stretch;padding:20px 18px;border-radius:16px}
  .ij-final h2{font-size:22px}
  .ij-final-actions{flex-direction:column}
  .ij-final-actions a{text-align:center}
}