/* BobCopilot V55 — Oefentrade August restore, isolated to #paper */
#paper{--paper:#f7f9fc;--ink:#17213a;--muted:#748097;--line:#e3e8f1;--blue:#146ef5;--green:#18a66a;--red:#ee4d4d;--purple:#7048ed;color:var(--ink)}
#paper .paper-shell{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.18)}
#paper .paper-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}
#paper .paper-head h2{margin:0 0 4px}#paper .paper-head p{margin:0;color:var(--muted);font-size:13px}
#paper .market-live-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;color:#55657a;font-size:11px;max-width:260px;text-align:right}
#paper .market-live-status small{flex-basis:100%;color:#087a4a}#paper .status-dot{width:8px;height:8px;border-radius:50%;background:#f2a52b}
#paper .market-live-status.live .status-dot{background:var(--green)}#paper .market-live-status.error .status-dot{background:var(--red)}
#paper .paper-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 330px}
#paper .paper-side{padding:16px;border-right:1px solid var(--line);background:#fbfcfe}
#paper .paper-side h3{font-size:14px;margin:0 0 7px}#paper .paper-side p{font-size:12px;color:var(--muted);line-height:1.5}
#paper .direction{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;margin:6px 0;background:#fff;font-weight:800;cursor:pointer}
#paper .direction.long.selected{border-color:var(--green);color:#087a4a;background:#effbf5}
#paper .direction.short.selected{border-color:var(--red);color:#b83333;background:#fff1f1}
#paper .direction.no-trade.selected{border-color:#6b7280;color:#374151;background:#f3f4f6}
#paper .paper-action,#paper .review-btn{width:100%;border:0;border-radius:10px;padding:12px;margin-top:10px;color:white;font-weight:800;cursor:pointer}
#paper .paper-action{background:var(--purple)}#paper .review-btn{background:var(--blue)}#paper .paper-action.green{background:var(--green)}
#paper .paper-action.close-trade{background:#fff;color:#b83333;border:1px solid #f0b9b9}
#paper button:disabled{opacity:.43;cursor:not-allowed}
#paper .trade-risk-preview{margin-top:10px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;font-size:11px;line-height:1.45;color:#46556b;display:grid;gap:4px}
#paper .tools{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
#paper .toolrow{display:flex;justify-content:space-between;gap:7px;align-items:center;padding:8px 0;font-size:12px}
#paper .toolrow small{display:block;color:var(--muted);margin-top:2px}
#paper .toggle{width:36px;height:20px;border-radius:20px;background:#d7dee9;position:relative;cursor:pointer;flex:none}
#paper .toggle:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 1px 3px #aaa}
#paper .toggle.on{background:var(--purple)}#paper .toggle.on:after{left:19px}
#paper .tool-note{font-size:10px;line-height:1.45;color:var(--muted);margin-top:9px;padding:8px;border-radius:8px;background:#f2f5f9}
#paper .paper-status{margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:10px;color:#48556b;font-size:12px;line-height:1.5}
#paper .paper-status.live{background:#ecfaf4;border-color:#d4f1e3;color:#0d774a}
#paper .chart-wrap{padding:14px;min-width:0}#paper .chart-top{display:grid;gap:8px;margin-bottom:9px}
#paper .chart-title-row,#paper .chart-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#paper .timeframe-switch{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}
#paper .timeframe-switch button,#paper .chart-controls button{border:1px solid var(--line);background:#fff;color:#31415a;padding:6px 9px;font-size:11px;font-weight:800;cursor:pointer}
#paper .timeframe-switch button{border-width:0 1px 0 0}#paper .timeframe-switch button.active,#paper .chart-controls button.active{background:var(--blue);color:#fff}
#paper .chart{height:450px;position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;user-select:none;touch-action:none;background:repeating-linear-gradient(to right,transparent 0,transparent 82px,#eef1f6 83px),repeating-linear-gradient(to bottom,transparent 0,transparent 70px,#eef1f6 71px),#fff}
#paper .market-svg,#paper .drawing-svg{position:absolute;left:0;top:0;width:calc(100% - 64px);height:100%;z-index:2}
#paper .drawing-svg{z-index:6;pointer-events:none}#paper .chart.draw-mode .drawing-svg{pointer-events:auto}
#paper .price-axis{position:absolute;right:0;top:0;bottom:0;width:64px;border-left:1px solid #e5eaf2;background:rgba(255,255,255,.95);z-index:8}
#paper .price-axis span{position:absolute;right:7px;transform:translateY(-50%);font-size:10px;color:#78839a}
#paper .chart-zone{position:absolute;left:0;right:64px;height:42px;background:rgba(112,72,237,.055);border-top:1px dashed #b9aaf1;border-bottom:1px dashed #b9aaf1;z-index:1}
#paper .chart-zone.res{top:58px}#paper .chart-zone.sup{bottom:55px}#paper .chart-zone label{position:absolute;right:8px;top:6px;font-size:10px;color:var(--purple)}
#paper .current-line{position:absolute;left:0;right:64px;height:2px;background:var(--blue);z-index:4}
#paper .axis-live-price{position:absolute;right:0;z-index:12;transform:translateY(-50%);min-width:64px;padding:4px 5px;background:var(--blue);color:#fff;border-radius:5px 0 0 5px;font-size:10px;font-weight:850;text-align:right}
#paper .axis-live-price{display:grid;gap:1px}#paper .axis-live-price small{font-size:8px}
#paper .time-axis{position:absolute;left:0;right:64px;bottom:0;height:25px;border-top:1px solid #e4eaf2;background:rgba(255,255,255,.96);z-index:9;pointer-events:none}
#paper .time-axis span{position:absolute;bottom:5px;transform:translateX(-50%);font-size:9px;color:#718096;white-space:nowrap}
#paper .position{position:absolute;left:52%;right:64px;display:none;z-index:5}#paper .position.show{display:block}
#paper .profit,#paper .loss{position:absolute;left:0;right:0}#paper .profit{background:rgba(24,166,106,.15)}#paper .loss{background:rgba(238,77,77,.14)}
#paper .pline{position:absolute;left:0;right:0;height:2px}#paper .pline span{position:absolute;right:0;top:-13px;color:white;padding:4px 7px;border-radius:5px;font-size:10px;font-weight:850}
#paper .entry{background:var(--blue)}#paper .entry span{background:var(--blue)}#paper .target{background:var(--green)}#paper .target span{background:var(--green)}#paper .stop{background:var(--red)}#paper .stop span{background:var(--red)}
#paper .handle{position:absolute;right:-7px;top:-7px;width:16px;height:16px;border:3px solid white;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px currentColor;cursor:ns-resize}
#paper .entry .handle{color:var(--blue)}#paper .target .handle{color:var(--green)}#paper .stop .handle{color:var(--red)}
#paper .indicator-panel{display:none;margin-top:8px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px}
#paper .indicator-panel.show{display:block}#paper .indicator-head{display:flex;justify-content:space-between;font-size:11px;color:#58657a;margin-bottom:6px}
#paper .volume-bars{height:74px;display:flex;align-items:flex-end;gap:2px}#paper .volume-bar{flex:1;min-width:2px;border-radius:2px 2px 0 0;background:var(--green);opacity:.7}#paper .volume-bar.down{background:var(--red)}
#paper .rsi-panel svg{width:100%;height:80px;background:linear-gradient(to bottom,transparent 29%,#eef1f6 30%,transparent 31%,transparent 69%,#eef1f6 70%,transparent 71%)}
#paper .paper-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}#paper .paper-metric{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}
#paper .paper-metric small{display:block;color:var(--muted)}#paper .paper-metric strong{display:block;margin-top:4px}
#paper .paper-coach{padding:16px;border-left:1px solid var(--line);background:white}
#paper .coach-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;border:2px solid #2997ff}
#paper .bobline{display:flex;gap:12px;align-items:center}#paper .paper-tip,#paper .bob-review{padding:12px;border:1px solid #e4deff;background:#f7f4ff;border-radius:11px;margin-top:12px;font-size:12px;line-height:1.5}
#paper .bob-review{background:#eef5ff;border-color:#cfe0ff}
#paper .paper-journal-v55{margin-top:18px;background:#0d3152;color:#fff;border:1px solid #2d638d;border-radius:16px;padding:18px}
#paper .paper-journal-head{display:flex;justify-content:space-between;gap:12px;align-items:center}#paper .paper-journal-head h2{margin:0 0 4px}#paper .paper-journal-head p{margin:0;color:#b9cce0}
#paper .paper-journal-head button{border:1px solid #4b7599;background:transparent;color:#fff;border-radius:9px;padding:8px 10px}
#paper .paper-journal-table-wrap{overflow:auto;margin-top:12px}#paper .paper-journal-table{width:100%;border-collapse:collapse;min-width:700px}
#paper .paper-journal-table th,#paper .paper-journal-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left;font-size:12px}
#paper .paper-journal-empty{padding:18px;text-align:center;color:#b9cce0}
@media(max-width:1100px){#paper .paper-grid{grid-template-columns:1fr}#paper .paper-side{border-right:0;border-bottom:1px solid var(--line)}#paper .paper-coach{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:650px){#paper .paper-grid{display:flex;flex-direction:column}#paper .chart-wrap{order:1}#paper .paper-side{order:2}#paper .paper-coach{order:3}#paper .chart{height:360px}#paper .paper-metrics{grid-template-columns:1fr 1fr}#paper .paper-metric:last-child{grid-column:1/-1}}

/* trades */
.trades-list{width:100%;border-collapse:collapse}.trades-list th,.trades-list td{padding:12px 9px;border-bottom:1px solid var(--line);font-size:13px;text-align:left}.trades-list th{color:var(--muted);font-size:11px}.trade-detail{display:none;margin-top:15px}.trade-detail.show{display:block}.evalgrid{display:grid;gap:9px}.evalrow{border:1px solid var(--line);border-radius:11px;padding:12px}.evalhead{display:flex;justify-content:space-between;gap:12px;font-weight:800}.evalrow p{color:#D3DEE9;font-size:12px;line-height:1.5;margin:6px 0 0}.score{font-size:38px;color:var(--green);font-weight:900}

.journal-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:17px}
.pattern-card{padding:17px}.pattern-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.pattern-stat{border:1px solid var(--line);border-radius:10px;padding:10px;background:rgba(255,255,255,.025)}
.pattern-stat small{display:block;color:var(--muted);font-size:10px}.pattern-stat strong{display:block;margin-top:4px;font-size:18px}
.bob-note{font-size:11px;color:#D5E3F4;max-width:210px;line-height:1.35}
.trade-menu-wrap{position:relative;display:inline-block}.trade-menu-btn{border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff;border-radius:8px;padding:6px 9px;cursor:pointer;font-weight:900}
.trade-menu{display:none;position:absolute;right:0;top:34px;min-width:140px;background:#0D2033;border:1px solid var(--line);border-radius:10px;padding:5px;z-index:30;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.trade-menu.show{display:grid}.trade-menu button{border:0;background:transparent;color:#E8F0F8;text-align:left;padding:8px 9px;border-radius:7px;cursor:pointer}.trade-menu button:hover{background:rgba(255,255,255,.06)}.trade-menu .danger{color:#FF8A8A}
.history-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.history-filter{border:1px solid var(--line);background:transparent;color:#DCE7F2;border-radius:999px;padding:7px 10px;cursor:pointer;font-size:11px}.history-filter.active{background:#146EF5;border-color:#146EF5;color:#fff}


/* V58 — only EMA50 visual correction */
#paper .market-svg .ema-path{
  fill:none!important;
  stroke:#2e83ff!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
#paper .market-svg .ema-label{
  fill:#17213a!important;
  font-size:11px!important;
  font-weight:700!important;
}

/* V60 — restored drawing interaction layer */
#paper .drawing-svg{pointer-events:none!important;cursor:default}
#paper .chart.draw-mode .drawing-svg{pointer-events:auto!important;cursor:crosshair}
#paper #drawTrend.active,#paper #drawHorizontal.active{background:#146ef5!important;color:#fff!important}

/* V61 — RSI(14) + SMA(14) visual correction only */
#paper .rsi-panel .rsi-line{
  fill:none!important;
  stroke:#7048ed!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
#paper .rsi-panel .rsi-sma-line{
  fill:none!important;
  stroke:#f0a329!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
#paper .rsi-panel .rsi-label{
  fill:#17213a!important;
  font-size:11px!important;
}

/* V62 — Mijn Trades / Bob Insights dark-mode contrast only */
html[data-theme="dark"] #oefenJournaal,
html[data-theme="dark"] #oefenJournaal .card,
html[data-theme="dark"] #oefenJournaal .pattern-card{
  color:#f4f8fc!important;
}
html[data-theme="dark"] #oefenJournaal .page-head h1,
html[data-theme="dark"] #oefenJournaal .page-head p,
html[data-theme="dark"] #oefenJournaal .section-title,
html[data-theme="dark"] #oefenJournaal .pattern-card h2,
html[data-theme="dark"] #oefenJournaal .bobcopy,
html[data-theme="dark"] #oefenJournaal #patternText,
html[data-theme="dark"] #oefenJournaal #patternTip,
html[data-theme="dark"] #oefenJournaal #patternTip b,
html[data-theme="dark"] #oefenJournaal .callout,
html[data-theme="dark"] #oefenJournaal .trade-detail,
html[data-theme="dark"] #oefenJournaal .evalrow,
html[data-theme="dark"] #oefenJournaal .evalrow p{
  color:#f4f8fc!important;
}
html[data-theme="dark"] #oefenJournaal .trades-list th,
html[data-theme="dark"] #oefenJournaal .pattern-stat small,
html[data-theme="dark"] #oefenJournaal .metric small,
html[data-theme="dark"] #oefenJournaal .muted{
  color:#b9cce0!important;
}
html[data-theme="dark"] #oefenJournaal .trades-list td,
html[data-theme="dark"] #oefenJournaal .trades-list td *,
html[data-theme="dark"] #oefenJournaal .pattern-stat strong,
html[data-theme="dark"] #oefenJournaal .metric strong,
html[data-theme="dark"] #oefenJournaal #statPlan,
html[data-theme="dark"] #oefenJournaal #statRR,
html[data-theme="dark"] #oefenJournaal #statDiscipline{
  color:#f4f8fc!important;
}
html[data-theme="dark"] #oefenJournaal .pattern-stat,
html[data-theme="dark"] #oefenJournaal .metric,
html[data-theme="dark"] #oefenJournaal .callout{
  border-color:rgba(255,255,255,.22)!important;
}
html[data-theme="dark"] #oefenJournaal .history-filter{
  color:#f4f8fc!important;
  border-color:#8db5d7!important;
}
html[data-theme="dark"] #oefenJournaal .history-filter.active{
  color:#fff!important;
}
html[data-theme="dark"] #oefenJournaal .setting-chip{
  color:#071c33!important;
  background:#f4f8fc!important;
}


/* V94 — live papertrading leesbaarheid in donkere modus en eenvoudige Bob-uitleg */
#paper .metric-sub{display:block;margin-top:4px;font-size:12px;color:var(--muted)}
#paper #practicePane-live .paper-metric strong{font-size:1.1rem;color:inherit}
#paper #practicePane-live .paper-side .definition{margin-top:10px}