/* Terminal cristalino: hierarquia de números, sem séries ou sinais de atividade fictícios. */
html[data-theme="prisma"] #view-bot-phantom {
  --phantom-surface:linear-gradient(145deg,#f9fdffec,#e3edf8e8);
  --phantom-edge:#a1bccb99;
  --phantom-grid:#568d9f12;
  --phantom-glow:#34b8af18;
  --phantom-number:#183f54;
  --phantom-positive:#007d6b;
  --phantom-negative:#b54062;
}
html[data-theme="prisma"][data-prisma-mode="dark"] #view-bot-phantom {
  --phantom-surface:linear-gradient(135deg,#142c3bee,#121b30f5 70%,#21203bdb);
  --phantom-edge:#8abfc947;
  --phantom-grid:#92dae909;
  --phantom-glow:#66e8d922;
  --phantom-number:#e4f6ff;
  --phantom-positive:#8cf3d7;
  --phantom-negative:#ff9bb7;
}
html[data-theme="prisma"] #bot-lucro-area { container-type:inline-size; container-name:phantom-metrics; }
html[data-theme="prisma"] #bot-resultado-area { container-type:inline-size; container-name:phantom-results; }
html[data-theme="prisma"] #bot-lucro-area .phantom-periods {
  display:flex; flex-wrap:wrap; gap:4px; padding:5px; margin-bottom:18px!important;
  border:1px solid var(--phantom-edge); border-radius:15px; background:var(--prisma-page-quiet);
}
html[data-theme="prisma"] #bot-lucro-area .phantom-periods .btn {
  min-height:40px; flex:1 0 auto; border:0; border-radius:10px; padding:9px 12px!important;
  font:500 12px var(--body)!important; box-shadow:none; letter-spacing:0;
}
html[data-theme="prisma"] #bot-lucro-area .phantom-periods .btn--ghost { background:transparent; color:var(--muted); }
html[data-theme="prisma"] #bot-lucro-area .phantom-periods [aria-pressed="true"] { box-shadow:inset 0 1px 2px #ffffffa0,0 3px 12px var(--phantom-glow); }
html[data-theme="prisma"] #bot-lucro-area .phantom-dates { flex-wrap:wrap; margin-bottom:16px; }
html[data-theme="prisma"] #bot-lucro-area .phantom-dates input { min-width:130px; }
html[data-theme="prisma"] .phantom-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
html[data-theme="prisma"] :is(.phantom-metric,.phantom-balance,.phantom-position) {
  position:relative; isolation:isolate; overflow:hidden; min-width:0;
  border:1px solid var(--phantom-edge); border-radius:23px; background:var(--phantom-surface);
  box-shadow:inset 0 1px 1px #ffffff27,0 12px 28px #030c1415;
}
html[data-theme="prisma"] .phantom-metric {
  display:flex; flex-direction:column; justify-content:space-between; min-height:166px; padding:24px;
  color:var(--phantom-number);
}
html[data-theme="prisma"] :is(.phantom-metric,.phantom-balance)::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse at 90% 5%,var(--phantom-glow),transparent 65%),
    linear-gradient(var(--phantom-grid) 1px,transparent 1px),linear-gradient(90deg,var(--phantom-grid) 1px,transparent 1px);
  background-size:auto,30px 30px,30px 30px;
  mask-image:linear-gradient(90deg,transparent,#000); -webkit-mask-image:linear-gradient(90deg,transparent,#000);
}
html[data-theme="prisma"] .phantom-metric::after {
  content:""; position:absolute; top:0; left:24px; right:24px; height:1px;
  background:linear-gradient(90deg,transparent,var(--phantom-positive),transparent); opacity:.7;
}
html[data-theme="prisma"] .phantom-metric-label { display:block; color:var(--muted); font:500 12px/1.5 var(--body); letter-spacing:.035em; }
html[data-theme="prisma"] :is(.phantom-metric-value,.phantom-balance-value) {
  display:block; color:var(--phantom-number); font:550 clamp(26px,4cqi,39px)/1.2 var(--mono);
  font-variant-numeric:tabular-nums lining-nums; letter-spacing:-.065em; overflow-wrap:anywhere; margin:16px 0;
}
html[data-theme="prisma"] .phantom-metric--profit .phantom-metric-value { font-size:clamp(30px,5.4cqi,49px); }
html[data-theme="prisma"] .phantom-number-currency { font-size:.55em; font-weight:500; letter-spacing:-.025em; opacity:.8; }
html[data-theme="prisma"] .phantom-number-unit { font-size:.65em; margin-left:3px; }
html[data-theme="prisma"] .phantom-number-sign { font-weight:400; }
html[data-theme="prisma"] [data-tone="positive"] > .phantom-metric-value,
html[data-theme="prisma"] .phantom-position[data-tone="positive"] .phantom-position-pnl b { color:var(--phantom-positive); text-shadow:0 0 25px var(--phantom-glow); }
html[data-theme="prisma"] [data-tone="negative"] > .phantom-metric-value,
html[data-theme="prisma"] .phantom-position[data-tone="negative"] .phantom-position-pnl b { color:var(--phantom-negative); }
html[data-theme="prisma"] .phantom-metric-code { font:400 9px var(--mono); letter-spacing:.13em; color:var(--muted); opacity:.8; }
html[data-theme="prisma"] .phantom-metric--accuracy { padding-right:90px; }
html[data-theme="prisma"] .phantom-accuracy-orbit {
  position:absolute; right:22px; top:50%; width:56px; aspect-ratio:1; transform:translateY(-50%);
  display:grid; place-items:center; border-radius:50%; background:conic-gradient(var(--phantom-positive) var(--accuracy),var(--phantom-edge) 0);
  box-shadow:0 0 24px var(--phantom-glow);
}
html[data-theme="prisma"] .phantom-accuracy-orbit > span { width:47px; aspect-ratio:1; border:3px solid var(--phantom-edge); border-radius:50%; background:var(--prisma-glass); }
html[data-theme="prisma"] .phantom-decisions { display:flex; flex-wrap:wrap; gap:4px 12px; color:var(--muted); font:400 10px/1.5 var(--body); }
html[data-theme="prisma"] .phantom-capital-note { margin:14px 0 0; padding:13px 16px; border-left:2px solid var(--phantom-edge); color:var(--muted); font:400 11px/1.8 var(--body); }
html[data-theme="prisma"] .phantom-capital-note b { color:var(--text); }
html[data-theme="prisma"] .phantom-balance { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:27px; }
html[data-theme="prisma"] .phantom-balance > div { min-width:0; flex:1; }
html[data-theme="prisma"] .phantom-balance-value { font-size:clamp(30px,6cqi,52px); margin:14px 0 12px; }
html[data-theme="prisma"] .phantom-balance-source { display:block; font:400 10px var(--mono); color:var(--muted); letter-spacing:.03em; }
html[data-theme="prisma"] .phantom-balance-art { flex:0 0 96px; width:96px; height:96px; }
html[data-theme="prisma"] .phantom-positions-heading { display:flex; align-items:center; justify-content:space-between; margin:27px 2px 12px; gap:10px; }
html[data-theme="prisma"] .phantom-positions-heading h3 { margin:0; font:550 16px var(--body); color:var(--text); letter-spacing:-.02em; }
html[data-theme="prisma"] .phantom-positions-heading > span { display:grid; place-items:center; min-width:30px; min-height:28px; border:1px solid var(--phantom-edge); border-radius:9px; color:var(--muted); font:500 11px var(--mono); }
html[data-theme="prisma"] .phantom-positions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
html[data-theme="prisma"] .phantom-position { padding:18px; border-radius:18px; }
html[data-theme="prisma"] .phantom-position-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding-bottom:15px; border-bottom:1px solid var(--phantom-edge); }
html[data-theme="prisma"] .phantom-position-heading strong { font:550 13px/1.4 var(--body); color:var(--text); overflow-wrap:anywhere; }
html[data-theme="prisma"] .phantom-side { font:500 9px var(--mono); padding:5px 7px; border-radius:6px; border:1px solid var(--phantom-edge); color:var(--muted); letter-spacing:.02em; white-space:nowrap; }
html[data-theme="prisma"] .phantom-side[data-side="long"] { color:var(--phantom-positive); }
html[data-theme="prisma"] .phantom-side[data-side="short"] { color:var(--phantom-negative); }
html[data-theme="prisma"] .phantom-position-values { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; padding-top:14px; }
html[data-theme="prisma"] .phantom-position-values > div { min-width:0; }
html[data-theme="prisma"] .phantom-position-values span:not(.phantom-number-currency,.phantom-number-sign) { display:block; color:var(--muted); font:400 10px/1.5 var(--body); }
html[data-theme="prisma"] .phantom-position-values b { display:block; margin-top:6px; font:500 14px/1.4 var(--mono); color:var(--phantom-number); font-variant-numeric:tabular-nums; letter-spacing:-.04em; overflow-wrap:anywhere; }
html[data-theme="prisma"] .phantom-position-pnl { text-align:right; }
html[data-theme="prisma"] .phantom-position-pnl b { font-size:17px; }
html[data-theme="prisma"] .phantom-data-state { padding:24px 14px; border:1px dashed var(--phantom-edge); border-radius:17px; color:var(--muted); }
@container phantom-results (max-width:560px) {
  html[data-theme="prisma"] .phantom-positions { grid-template-columns:1fr; }
  html[data-theme="prisma"] .phantom-balance { padding:23px 20px; }
  html[data-theme="prisma"] .phantom-balance-art { flex-basis:73px; width:73px; height:73px; }
}
@container phantom-metrics (max-width:470px) {
  html[data-theme="prisma"] .phantom-metrics { gap:10px; }
  html[data-theme="prisma"] .phantom-metric { min-height:134px; padding:18px; }
  html[data-theme="prisma"] .phantom-metric--profit { grid-column:1/-1; min-height:155px; }
  html[data-theme="prisma"] .phantom-metric--profit .phantom-metric-value { font-size:clamp(34px,9cqi,44px); }
  html[data-theme="prisma"] .phantom-metric-value { font-size:clamp(23px,6cqi,31px); }
  html[data-theme="prisma"] .phantom-metric-label { font-size:11px; }
  html[data-theme="prisma"] .phantom-metric--accuracy { grid-column:1/-1; min-height:128px; padding-right:98px; }
  html[data-theme="prisma"] .phantom-accuracy-orbit { right:24px; width:64px; }
  html[data-theme="prisma"] .phantom-accuracy-orbit > span { width:55px; }
}
/* Em telas estreitas o número nunca compete com o ícone ou a segunda coluna. */
@container phantom-metrics (max-width:280px) {
  html[data-theme="prisma"] .phantom-metrics { grid-template-columns:1fr; }
  html[data-theme="prisma"] .phantom-metric { min-height:122px; }
  html[data-theme="prisma"] .phantom-metric-value { font-size:28px; }
  html[data-theme="prisma"] .phantom-metric--accuracy .phantom-metric-value { font-size:23px; }
}
@container phantom-results (max-width:350px) {
  html[data-theme="prisma"] .phantom-balance-art { display:none; }
}
@container phantom-results (max-width:280px) {
  html[data-theme="prisma"] .phantom-position-values { grid-template-columns:1fr; gap:14px; }
  html[data-theme="prisma"] .phantom-position-pnl { text-align:left; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme="prisma"] :is(.phantom-metric,.phantom-balance,.phantom-position) { animation:none; transition:none; }
}
