/* Раздел «Инвестиции» в стиле приложения брокера. Действует только внутри .tinv и полноэкранных страниц раздела. */
.tinv, .tinv-page, .tinv-menu {
  --t-bg: #f2f3f5; --t-card: #ffffff; --t-text: #333333; --t-muted: #9299a2; --t-line: #eceef1; --t-chip: #f2f3f5;
  --t-green: #00b92d; --t-red: #f52222; --t-green-bg: #dcf5e1; --t-red-bg: #fde3e3; --t-yellow: #ffdd2d; --t-blue: #428bf9;
  color: var(--t-text); font-family: -apple-system, "SF Pro Text", system-ui, sans-serif;
}
:root[data-theme="dark"] .tinv, :root[data-theme="dark"] .tinv-page, :root[data-theme="dark"] .tinv-menu {
  --t-bg: #1c1c1e; --t-card: #2c2c2e; --t-text: #f2f2f7; --t-muted: #8e8e93; --t-line: #3a3a3c; --t-chip: #3a3a3c; --t-green-bg: #12361d; --t-red-bg: #3d1515;
}
#view-invest.tinv { margin: 0 -16px; padding: 0 16px 20px; width: calc(100% + 32px); max-width: none; box-sizing: border-box; background: var(--t-bg); min-height: 100vh; }
.tinv .muted, .tinv-page .muted { color: var(--t-muted); } .tinv .pad, .tinv-page .pad { padding: 12px 4px; }
.tinv .g, .tinv-page .g { color: var(--t-green); } .tinv .r, .tinv-page .r { color: var(--t-red); } .tinv .z, .tinv-page .z { color: var(--t-muted); }

.t-top { display: flex; justify-content: space-between; align-items: center; padding: 8px 2px 4px; }
.t-top h1 { font-size: 22px; font-weight: 600; margin: 0; }
.t-top .st { font-size: 12px; padding: 4px 10px; border-radius: 999px; } .t-top .st.on { background: var(--t-green-bg); color: #108a2a; } .t-top .st.off { background: var(--t-red-bg); color: #c41616; }
.t-mode { display: flex; background: #e4e6ea; border-radius: 14px; padding: 3px; margin: 8px 0; }
:root[data-theme="dark"] .t-mode { background: #3a3a3c; }
.t-mode button { flex: 1; border: 0; background: transparent; border-radius: 11px; padding: 9px; font-size: 15px; color: var(--t-muted); }
.t-mode button.on { background: var(--t-card); color: var(--t-text); font-weight: 600; box-shadow: 0 1px 4px rgba(0, 0, 0, .08); }
.t-flag { border-radius: 12px; padding: 8px 12px; font-size: 13px; font-weight: 600; margin: 6px 0; }
.t-flag.sb { background: #fff4c2; color: #8a6400; } .t-flag.rl { background: #e3eefe; color: #2a5db0; } .t-flag.warn { background: var(--t-red-bg); color: #c41616; }
:root[data-theme="dark"] .t-flag.sb { background: #3a3114; color: #ffd84d; } :root[data-theme="dark"] .t-flag.rl { background: #1a2a45; color: #8ab4ff; }

.t-card { background: var(--t-card); border-radius: 28px; padding: 20px; margin: 12px 0; box-shadow: 0 4px 18px rgba(0, 0, 0, .04); }
.t-head .big { font-size: 34px; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; }
.t-head .sub { font-size: 17px; margin: 6px 0 18px; font-weight: 500; }
.t-head .tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.t-head .tiles button { border: 0; background: transparent; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 13px; color: var(--t-text); padding: 0; }
.t-head .tiles span { width: 100%; height: 56px; border-radius: 18px; background: var(--t-chip); display: grid; place-items: center; font-size: 22px; color: #44474d; }
:root[data-theme="dark"] .t-head .tiles span { color: #e5e5ea; }

.t-acc { padding: 20px 20px 10px; }
.acc-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 8px; }
.acc-sum { font-size: 20px; font-weight: 700; } .acc-name { font-size: 16px; margin-top: 2px; }
.pill { font-size: 14px; font-weight: 600; padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
.pill.g { background: var(--t-green-bg); color: #108a2a; } .pill.r { background: var(--t-red-bg); color: #d01919; } .pill.z { background: var(--t-chip); color: var(--t-muted); }
.t-pos, .op { display: flex; align-items: center; gap: 14px; padding: 12px 0; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; cursor: pointer; }
.t-pos .mid, .op .mid { flex: 1; min-width: 0; }
.t-pos .mid b, .op .mid b { display: block; font-size: 17px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); }
.t-pos .mid span, .op .mid span { display: block; color: var(--t-muted); font-size: 15px; margin-top: 2px; }
.t-pos .rt, .op .rt { text-align: right; white-space: nowrap; font-size: 15px; } .t-pos .rt b, .op .rt b { display: block; font-size: 17px; font-weight: 400; margin-bottom: 2px; }
.lg { position: relative; flex: none; border-radius: 50%; display: grid; place-items: center; overflow: hidden; font-weight: 700; font-size: 18px; }
.lg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .lg b { line-height: 1; }
.more { width: 100%; border: 0; background: var(--t-chip); color: var(--t-blue); border-radius: 16px; padding: 14px; font-size: 16px; margin: 8px 0; }
.acc-foot { font-size: 13px; padding: 6px 0 4px; }

/* меню по долгому нажатию */
.tinv-menu { position: fixed; inset: 0; z-index: 80; background: rgba(210, 212, 218, .55); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.tinv-menu .m-list { position: absolute; left: 20%; right: 20%; background: rgba(245, 245, 247, .96); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, .15); }
:root[data-theme="dark"] .tinv-menu .m-list { background: rgba(44, 44, 46, .97); }
.tinv-menu .m-list button { display: block; width: 100%; text-align: left; border: 0; border-bottom: 1px solid var(--t-line); background: transparent; padding: 14px 16px; font-size: 17px; color: var(--t-text); }
.tinv-menu .m-note { padding: 12px 16px; font-size: 13px; color: var(--t-muted); }
.tinv-menu .m-card { position: absolute; left: 12px; right: 12px; background: var(--t-card); border-radius: 22px; padding: 0 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, .12); }

/* полноэкранные страницы */
body.noscroll { overflow: hidden; }
.tinv-page { position: fixed; inset: 0; z-index: 60; background: var(--t-bg); overflow-y: auto; padding-bottom: calc(110px + env(safe-area-inset-bottom)); }
.tinv-page.list { background: var(--t-card); }
.pg-back { border: 0; background: transparent; font-size: 34px; line-height: 1; padding: 0 12px 4px 4px; color: inherit; }
.pg-top { display: grid; grid-template-columns: 48px 1fr 48px; align-items: center; padding: calc(10px + env(safe-area-inset-top)) 12px 6px; }
.pg-acc { justify-self: center; background: var(--t-chip); border-radius: 999px; padding: 9px 18px; font-weight: 500; }
.pg-h1 { font-size: 32px; font-weight: 700; margin: 6px 20px; }
.pg-load { padding: 30px 20px; color: var(--t-muted); text-align: center; }
.tinv-page.list .op, .tinv-page.list .chips3, .tinv-page.list .op-day, .tinv-page.list > .pad, .tinv-page.list #favBody, .tinv-page.list #opsBody { padding-left: 20px; padding-right: 20px; }
.tinv-page.list .t-card { margin: 12px 16px; background: var(--t-card); box-shadow: 0 4px 18px rgba(0, 0, 0, .06); }
.seg2 { display: flex; margin: 8px 16px; background: var(--t-chip); border-radius: 14px; padding: 3px; }
.seg2 button { flex: 1; border: 0; background: transparent; border-radius: 11px; padding: 10px; font-size: 16px; color: var(--t-text); }
.seg2 button.on { background: var(--t-card); box-shadow: 0 1px 4px rgba(0, 0, 0, .1); }
.chips3 { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 4px; }
.chips3 button, .periods button { border: 0; background: var(--t-chip); border-radius: 999px; padding: 9px 16px; font-size: 15px; font-weight: 500; color: var(--t-text); }
.chips3 button.on, .periods button.on { background: #000; color: #fff; }
:root[data-theme="dark"] .chips3 button.on, :root[data-theme="dark"] .periods button.on { background: #fff; color: #000; }
.op-day { font-size: 26px; font-weight: 700; margin: 22px 0 6px; }
.op .rt.g { color: var(--t-green); }

/* бумага */
.inst .i-head { position: sticky; top: 0; z-index: 2; display: grid; grid-template-columns: 48px 1fr 48px; align-items: center; padding: calc(8px + env(safe-area-inset-top)) 8px 0; }
.i-title { text-align: center; } .i-title b { display: block; font-size: 19px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .i-title span { font-size: 14px; opacity: .85; }
.i-tabs { grid-column: 1 / -1; display: flex; gap: 22px; padding: 12px 12px 0; overflow-x: auto; }
.i-tabs button { border: 0; background: transparent; color: inherit; opacity: .6; font-size: 17px; padding: 6px 2px 12px; border-bottom: 3px solid transparent; white-space: nowrap; }
.i-tabs button.on { opacity: 1; border-bottom-color: currentColor; }
.i-body { background: var(--t-card); min-height: 70vh; padding: 16px 16px 30px; }
.i-price .big { font-size: 34px; font-weight: 700; } .i-price { margin-bottom: 8px; font-size: 17px; font-weight: 500; }
.i-chart { height: 240px; margin: 10px -16px 6px; position: relative; transition: opacity .2s; } .i-chart.dim { opacity: .4; }
.i-chart svg { width: 100%; height: 220px; display: block; } .i-chart .ln { fill: none; stroke: var(--t-text); stroke-width: 2.2; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.i-chart .base { stroke: var(--t-muted); stroke-dasharray: 3 4; stroke-width: 1; vector-effect: non-scaling-stroke; }
.i-chart .ax { display: flex; justify-content: space-between; padding: 0 16px; font-size: 12px; color: var(--t-muted); }
.periods { display: flex; gap: 4px; background: var(--t-chip); border-radius: 999px; padding: 4px; margin: 6px 0 14px; } .periods button { flex: 1; padding: 9px 4px; background: transparent; }
.t-card .periods { margin-top: 14px; }
.i-h2 { font-size: 26px; font-weight: 700; margin: 22px 0 10px; }
.hold { background: var(--t-chip); border-radius: 22px; padding: 16px 18px; margin: 10px 0; }
.hold .cap { font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: var(--t-muted); } .hold .q { font-size: 20px; font-weight: 500; margin: 8px 0 4px; }
.hold hr { border: 0; border-top: 1px solid var(--t-line); margin: 14px 0; }
.i-actions { position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; display: flex; gap: 12px; padding: 12px 16px calc(14px + env(safe-area-inset-bottom)); background: linear-gradient(transparent, var(--t-card) 30%); }
.i-actions button { flex: 1; border: 0; border-radius: 20px; padding: 18px; font-size: 18px; font-weight: 500; }
.i-actions .b-sell { background: #000; color: #fff; } .i-actions .b-buy { background: var(--t-yellow); color: #333; }
.i-actions button:disabled { opacity: .35; }
.i-actions.inline { position: static; background: none; padding: 16px 0 0; }
.i-note { position: fixed; left: 0; right: 0; bottom: calc(86px + env(safe-area-inset-bottom)); text-align: center; font-size: 12px; color: var(--t-muted); z-index: 3; }
.i-note.fixed { bottom: calc(20px + env(safe-area-inset-bottom)); font-size: 14px; }
.ob-h, .ob-r { display: grid; grid-template-columns: 1fr 1.2fr 1fr; align-items: center; } .ob-h { font-size: 15px; margin-bottom: 6px; } .ob-h span:nth-child(2) { text-align: center; } .ob-h span:last-child { text-align: right; }
.ob-r { height: 40px; } .ob-p { text-align: center; font-size: 16px; }
.ob-b, .ob-a { position: relative; height: 34px; display: flex; align-items: center; } .ob-a { justify-content: flex-end; }
.ob-r .bar { position: absolute; top: 0; bottom: 0; border-radius: 8px; } .ob-b .bar { left: 0; background: #d6f3dc; } .ob-a .bar { right: 0; background: #fbdcdc; }
:root[data-theme="dark"] .ob-b .bar { background: #1d4026; } :root[data-theme="dark"] .ob-a .bar { background: #4a1f1f; }
.ob-r em { position: relative; font-style: normal; padding: 0 8px; font-size: 15px; }
.dv-note { font-size: 16px; line-height: 1.4; margin: 0 0 18px; }
.dv-h, .dv-r { display: grid; grid-template-columns: 1.6fr 1fr 1fr; padding: 12px 0; } .dv-h { font-size: 13px; letter-spacing: .05em; text-transform: uppercase; color: var(--t-muted); border-bottom: 1px solid var(--t-line); }
.dv-r { color: var(--t-muted); font-size: 16px; } .dv-h span:last-child, .dv-r span:last-child { text-align: right; }

/* аналитика */
.big2 { font-size: 30px; font-weight: 700; }
.bars { height: 200px; display: flex; align-items: flex-end; gap: 4px; margin: 18px 0 8px; border-bottom: 1px dashed var(--t-line); }
.bars i { flex: 1; max-width: 26px; background: #6aa3f8; border-radius: 4px 4px 0 0; }
.small { font-size: 12px; }
.an-row { display: flex; justify-content: space-between; gap: 10px; padding: 16px 0; font-size: 17px; border-top: 1px solid var(--t-line); }

/* окно заявки внутри раздела */
#tradeSheet .badge-sb { background: #fff4c2; color: #8a6400; }

/* широкий экран: страницы раздела по центру, шириной как телефон-планшет */
@media (min-width: 760px) {
  .tinv-page > * { max-width: 720px; margin-left: auto; margin-right: auto; }
  .inst .i-head { max-width: none; } .i-actions { max-width: 720px; margin: 0 auto; }
  .tinv-page.list .t-card { margin: 12px auto; max-width: 688px; }
}
.t-head .tiles span svg { width: 26px; height: 26px; }

/* окно заявки в цветах брокера */
#tradeSheet .seg { background: #f2f3f5; } #tradeSheet .seg button.active { background: #333; color: #fff; }
#tradeSheet #tBuy.active { background: #ffdd2d; color: #333; } #tradeSheet #tSell.active { background: #000; color: #fff; }
#tradeSheet #tPrepare { background: #ffdd2d; border-color: #ffdd2d; color: #333; box-shadow: none; border-radius: 20px; }
#tradeSheet .i-actions.inline button { border-radius: 20px; padding: 16px; font-size: 17px; }
.tinv-menu .m-card, .tinv-menu .m-list { max-width: 560px; } @media (min-width: 600px) { .tinv-menu .m-card { left: calc(50% - 280px); right: auto; width: 560px; } .tinv-menu .m-list { left: calc(50% - 160px); right: auto; width: 320px; } }

/* робот С2: план, позиции, сделки, события */
.rb-h { font-size: 20px; font-weight: 700; margin: 0 0 10px; }
.rb-t { width: 100%; border-collapse: collapse; font-size: 15px; }
.rb-t th { text-align: left; font-size: 12px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; color: var(--t-muted); padding: 6px 6px 6px 0; border-bottom: 1px solid var(--t-line); }
.rb-t td { padding: 10px 6px 10px 0; border-bottom: 1px solid var(--t-line); vertical-align: top; }
.rb-t tr:last-child td { border-bottom: 0; }
.rb-st { display: inline-block; font-size: 13px; font-weight: 600; padding: 3px 8px; border-radius: 999px; background: var(--t-chip); }
.rb-st.g { background: var(--t-green-bg); color: #108a2a; } .rb-st.r { background: var(--t-red-bg); color: #c41616; } .rb-st.z { color: var(--t-muted); }
.rb-ev { display: grid; grid-template-columns: 46px 1fr; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--t-line); font-size: 14px; line-height: 1.35; }
.rb-ev:last-child { border-bottom: 0; } .rb-ev span { color: var(--t-muted); }

/* страница робота «План и сделки робота» (public/robot.js, 01.11.2026) */
.rbp { --t-amber: #f59e0b; --t-tag-lo: #e3eefe; --t-tag-lo-t: #2a5db0; --t-tag-sh: #f3e8ff; --t-tag-sh-t: #7e3ccf; --t-warn-bg: #fff4c2; --t-warn-t: #8a6400; }
:root[data-theme="dark"] .rbp { --t-tag-lo: #1a2a45; --t-tag-lo-t: #8ab4ff; --t-tag-sh: #2e2145; --t-tag-sh-t: #c9a4ff; --t-warn-bg: #3a3114; --t-warn-t: #ffd84d; }
.rbp .pg-h1.rb-h1 { margin-bottom: 4px; }
.rb-phase { display: inline-flex; align-items: center; gap: 7px; margin: 0 20px 4px; padding: 5px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; background: var(--t-chip); color: var(--t-muted); }
.rb-phase i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.rb-phase.on { background: var(--t-green-bg); color: #108a2a; } .rb-phase.wait { background: var(--t-warn-bg); color: var(--t-warn-t); } .rb-phase.bad { background: var(--t-red-bg); color: #c41616; }
:root[data-theme="dark"] .rb-phase.on { color: #4cd964; }
.rb-brief { font-size: 16px; line-height: 1.45; margin: 0 0 6px; }
.rb-basis > div { display: grid; grid-template-columns: 104px 1fr; gap: 10px; padding: 9px 0; border-top: 1px solid var(--t-line); }
.rb-basis span { font-size: 12px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; color: var(--t-muted); padding-top: 2px; }
.rb-basis p { margin: 0; font-size: 14px; line-height: 1.4; }
.rb-kv { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 0; border-top: 1px solid var(--t-line); font-size: 15px; }
.rb-kv b { font-weight: 600; text-align: right; white-space: nowrap; } .rb-kv > span { min-width: 0; } .rb-kv.sub { font-size: 13px; color: var(--t-muted); padding-top: 0; border-top: 0; } .rb-kv.sub b { font-weight: 500; }
.rb-kv.col { flex-direction: column; align-items: flex-start; gap: 3px; } .rb-kv.col b { text-align: left; font-weight: 500; font-size: 14px; line-height: 1.4; white-space: normal; }
.t-card .big2 + .muted { margin-top: 2px; font-size: 14px; }
.rb-perf-top { font-size: 15px; color: var(--t-muted); } .rb-perf-top b { color: var(--t-text); font-weight: 600; }
.rb-perf-big { font-size: 30px; font-weight: 700; letter-spacing: -.01em; margin: 6px 0 2px; } .rb-perf-big span { font-size: 18px; font-weight: 600; margin-left: 10px; }
.rb-spark { display: block; width: 100%; height: 64px; margin: 12px 0 4px; }
.rb-spark polyline { fill: none; stroke-width: 2.2; vector-effect: non-scaling-stroke; stroke-linejoin: round; stroke: var(--t-muted); }
.rb-spark.win polyline { stroke: var(--t-green); } .rb-spark.loss polyline { stroke: var(--t-red); }
.rb-spark line { stroke: var(--t-muted); stroke-dasharray: 3 4; stroke-width: 1; vector-effect: non-scaling-stroke; }
.rb-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 12px 0; }
.rb-tiles > div { background: var(--t-chip); border-radius: 16px; padding: 10px 12px; }
.rb-tiles span { display: block; font-size: 12px; color: var(--t-muted); } .rb-tiles b { display: block; font-size: 18px; font-weight: 700; margin-top: 2px; white-space: nowrap; }
.rb-note { background: var(--t-chip); border-radius: 14px; padding: 10px 12px; font-size: 13.5px; line-height: 1.4; margin-top: 8px; }
.rb-note.warn { background: var(--t-warn-bg); color: var(--t-warn-t); }
.rb-go { width: 100%; display: flex; justify-content: space-between; align-items: center; border: 0; background: var(--t-chip); color: var(--t-text); border-radius: 16px; padding: 14px 16px; font-size: 16px; text-align: left; margin-bottom: 4px; }
.rb-go b { font-weight: 600; } .rb-go i { font-style: normal; font-size: 24px; color: var(--t-muted); line-height: 1; }
.rb-q { border: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--t-chip); color: var(--t-blue); font-size: 13px; font-weight: 700; padding: 0; margin-left: 4px; vertical-align: 1px; }
.rb-explain { background: var(--t-chip); border-radius: 14px; padding: 12px 14px; font-size: 14px; line-height: 1.45; margin: 4px 0 8px; }
.rb-tag { display: inline-block; font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 999px; margin-right: 5px; background: var(--t-chip); color: var(--t-muted); white-space: nowrap; }
.rb-tag.lo { background: var(--t-tag-lo); color: var(--t-tag-lo-t); } .rb-tag.sh { background: var(--t-tag-sh); color: var(--t-tag-sh-t); }
.rb-tag.g { background: var(--t-green-bg); color: #108a2a; } .rb-tag.r { background: var(--t-red-bg); color: #c41616; }
.rb-st.b { background: var(--t-tag-lo); color: var(--t-tag-lo-t); }
.rb-dchip { display: inline-block; background: var(--t-chip); border-radius: 12px; padding: 7px 12px; font-size: 14px; font-weight: 500; margin: 0 0 8px; }
.rb-lead { font-size: 15px; line-height: 1.45; margin: 0 0 8px; }
.rb-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
/* раскрывающиеся строки: сетапы и позиции */
.rb-it { border-top: 1px solid var(--t-line); }
.rb-it-h { width: 100%; display: flex; align-items: center; gap: 12px; border: 0; background: transparent; padding: 12px 0; text-align: left; color: var(--t-text); }
.rb-it-h .mid, .rb-tr-h .mid { flex: 1; min-width: 0; }
.rb-it-h .mid b, .rb-tr-h .mid b { display: block; font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-it-h .mid b em, .rb-tr-h .mid b em { font-style: normal; font-weight: 400; color: var(--t-muted); font-size: 14px; }
.rb-it-h .mid > span, .rb-tr-h .mid > span { display: block; margin-top: 4px; font-size: 13px; color: var(--t-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-it-h .lvl { font-size: 13px; }
.rb-it-h .rt, .rb-tr-h .rt { text-align: right; white-space: nowrap; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.rb-it-h .rt em, .rb-tr-h .rt span { font-style: normal; font-size: 13px; color: var(--t-muted); } .rb-it-h .rt em.g { color: var(--t-green); } .rb-it-h .rt em.r { color: var(--t-red); }
.rb-it-h .rt b { font-size: 16px; font-weight: 600; }
.rb-it-h .chev { font-style: normal; font-size: 22px; color: var(--t-muted); transition: transform .2s; line-height: 1; }
.rb-it.open .chev { transform: rotate(90deg); }
.rb-it-b { display: none; padding: 0 0 14px; }
.rb-it.open .rb-it-b { display: block; }
.rb-why h3 { font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--t-muted); margin: 6px 0 6px; }
.rb-why p { margin: 0 0 8px; font-size: 15px; line-height: 1.45; } .rb-why b { font-weight: 600; }
.rb-conds { list-style: none; margin: 4px 0 10px; padding: 0; font-size: 14px; }
.rb-conds li { display: flex; gap: 8px; padding: 3px 0; line-height: 1.35; } .rb-conds i { font-style: normal; font-weight: 700; flex: none; width: 16px; }
.rb-conds li.ok i { color: var(--t-green); } .rb-conds li.no i { color: var(--t-red); }
.rb-fails { margin-top: 10px; border-top: 1px solid var(--t-line); padding-top: 10px; } .rb-fails summary { font-size: 15px; color: var(--t-blue); cursor: pointer; padding: 4px 0; }
/* мини-график */
.rb-ch { margin: 8px 0 4px; overflow: hidden; }
.rbc { display: block; max-width: 100%; }
.rbc .up line { stroke: var(--t-green); } .rbc .up rect { fill: var(--t-green); } .rbc .dn line { stroke: var(--t-red); } .rbc .dn rect { fill: var(--t-red); }
.rbc .td rect { opacity: .55; } .rbc .td line { stroke-dasharray: 2 2; }
.rbc line { stroke-width: 1; } .rbc polyline { fill: none; stroke-width: 1.4; }
.rbc .s20 { stroke: var(--t-blue); } .rbc .s50 { stroke: var(--t-amber); }
.rbc .lv { stroke-width: 1.2; stroke-dasharray: 5 4; } .rbc .lv.tg { stroke: var(--t-green); } .rbc .lv.st { stroke: var(--t-red); } .rbc .lv.en { stroke: var(--t-blue); } .rbc .lv.ex { stroke: var(--t-muted); }
.rbc .zg { fill: var(--t-green); opacity: .12; } .rbc .zr { fill: var(--t-red); opacity: .1; }
.rbc .rg { fill: var(--t-blue); opacity: .1; stroke: var(--t-blue); stroke-dasharray: 3 3; } .rbc .rgt { font-size: 10px; fill: var(--t-blue); }
.rbc text { font-size: 10.5px; font-family: -apple-system, system-ui, sans-serif; }
.rbc .tl { font-weight: 600; } .rbc .tl.tg { fill: var(--t-green); } .rbc .tl.st { fill: var(--t-red); } .rbc .tl.en { fill: var(--t-blue); } .rbc .tl.ex, .rbc .tl.nw { fill: var(--t-text); }
.rbc .ax { fill: var(--t-muted); font-size: 10px; } .rbc .now { fill: var(--t-text); } .rbc .mk { fill: var(--t-blue); } .rbc .mx { stroke: var(--t-text); stroke-width: 2; }
.rb-leg { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 12px; color: var(--t-muted); margin: 4px 0 0; }
.rb-leg span::before { content: ''; display: inline-block; width: 14px; height: 3px; border-radius: 2px; margin-right: 5px; vertical-align: 3px; background: var(--t-muted); }
.rb-leg .tg::before { background: var(--t-green); } .rb-leg .st::before { background: var(--t-red); } .rb-leg .en::before { background: var(--t-blue); } .rb-leg .nw::before { width: 7px; height: 7px; border-radius: 50%; vertical-align: 1px; background: var(--t-text); }
.rb-leg .s20::before { background: var(--t-blue); height: 1.5px; } .rb-leg .s50::before { background: var(--t-amber); height: 1.5px; } .rb-leg .rg::before { background: var(--t-blue); opacity: .3; height: 9px; vertical-align: 0; }
.rb-leg .cap { margin-left: auto; } .rb-leg .cap::before { display: none; }
.rb-lv { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 10px 0; }
.rb-lv > div { background: var(--t-chip); border-radius: 12px; padding: 8px 9px; border-top: 3px solid transparent; min-width: 0; }
.rb-lv .en { border-top-color: var(--t-blue); } .rb-lv .st { border-top-color: var(--t-red); } .rb-lv .tg { border-top-color: var(--t-green); }
.rb-lv span { display: block; font-size: 11px; color: var(--t-muted); white-space: nowrap; } .rb-lv b { display: block; font-size: 15px; font-weight: 600; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; }
.rb-res { font-size: 14px; line-height: 1.5; background: var(--t-chip); border-radius: 12px; padding: 9px 12px; margin: 6px 0 4px; } .rb-res .rb-st { margin-right: 4px; }
.rb-exits { list-style: none; margin: 0 0 6px; padding: 0; }
.rb-exits li { display: grid; grid-template-columns: 92px 1fr; gap: 10px; padding: 8px 0; border-top: 1px solid var(--t-line); font-size: 14px; }
.rb-exits li:first-child { border-top: 0; }
.rb-exits span { font-weight: 600; } .rb-exits span::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; background: var(--t-muted); }
.rb-exits .st span::before { background: var(--t-red); } .rb-exits .tg span::before { background: var(--t-green); } .rb-exits .mk span::before { background: var(--t-amber); } .rb-exits .tr span::before { background: var(--t-blue); }
.rb-exits b { display: block; font-weight: 600; } .rb-exits em { display: block; font-style: normal; color: var(--t-muted); font-size: 13px; margin-top: 1px; }
/* сделки */
.rb-tr { background: var(--t-chip); border-radius: 18px; padding: 12px 14px; margin: 8px 0; border-left: 4px solid var(--t-muted); }
.rb-tr.win { border-left-color: var(--t-green); } .rb-tr.loss { border-left-color: var(--t-red); }
.rb-tr-h .mid > span { white-space: normal; } .rb-tr-h .mid > span .rb-tag { margin-top: 2px; }
.rb-tr-h { display: flex; align-items: center; gap: 12px; }
.rb-tr-h .rt b { font-size: 17px; font-weight: 700; }
.rb-path { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin-top: 10px; background: var(--t-card); border-radius: 12px; padding: 8px 10px; }
.rb-path i { display: block; font-style: normal; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: var(--t-muted); }
.rb-path b { display: block; font-size: 15px; font-weight: 600; } .rb-path span { font-size: 12.5px; color: var(--t-muted); }
.rb-path > div:last-child { text-align: right; }
.rb-path .ar { text-align: center; font-size: 13px; font-weight: 600; } .rb-path .ar::before { content: '→'; display: block; color: var(--t-muted); font-size: 16px; line-height: 1; }
.rb-path .ar span.g { color: var(--t-green); } .rb-path .ar span.r { color: var(--t-red); }
.rb-tr-f { font-size: 12.5px; color: var(--t-muted); margin-top: 8px; }
.rb-tr.sm { padding: 10px 12px; } .rb-tr.sm .rb-path { margin-top: 8px; }
.rb-last { margin: 8px 0 4px; }
.tinv-page.list .rb-trs, .tinv-page.list .rb-filter { padding-left: 16px; padding-right: 16px; }
.tinv-page.list .rb-trs .op-day { padding: 0 4px; font-size: 20px; margin: 18px 0 4px; }
.rb-evd summary { list-style: none; cursor: pointer; } .rb-evd summary::-webkit-details-marker { display: none; }
.rb-evd summary::after { content: ' ›'; color: var(--t-muted); } .rb-evd[open] summary::after { content: ''; }
@media (max-width: 380px) { .rb-basis > div { grid-template-columns: 1fr; gap: 2px; } .rb-lv { grid-template-columns: repeat(2, 1fr); } .rb-tiles b { font-size: 16px; } }
.rb-more { border-top: 1px solid var(--t-line); } .rb-more > summary { list-style: none; cursor: pointer; padding: 12px 0; font-size: 15px; color: var(--t-blue); }
.rb-more > summary::-webkit-details-marker { display: none; } .rb-more > summary::after { content: ' ›'; } .rb-more[open] > summary::after { content: ' ⌄'; }