/* Detalle de una apuesta: misma tipografía y distintivo Sigma que el registro. */
.chart-callout-card.chart-bet-card {
  position:fixed;z-index:60;top:16px;left:16px;width:390px;
  max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);
  overflow:auto;pointer-events:auto;display:grid;gap:18px;padding:20px;border-radius:16px;
  --callout-accent:#a5aaa7;border:2px solid var(--callout-accent);background:radial-gradient(ellipse at bottom right,#ffffff0a,transparent 70%),#101212;box-shadow:0 18px 60px #0009;
  font-family:var(--font-sans);transition:opacity 120ms ease,transform 120ms ease;
}
.chart-callout-card.chart-bet-card::before,.chart-callout-card.chart-bet-card::after{display:none}
.chart-callout-card.chart-bet-positive{--callout-accent:#00ff7f;border-color:var(--callout-accent);background:radial-gradient(ellipse at bottom right,#00ff7f1c,transparent 72%),#101212}
.chart-callout-card.chart-bet-negative{--callout-accent:#ff5a5f;border-color:var(--callout-accent);background:radial-gradient(ellipse at bottom right,#ff5a5f24,transparent 72%),#121111}
.chart-callout-card .chart-bet-meta-row{justify-content:space-between;gap:12px}
.chart-callout-card .chart-bet-meta-row>span{font:500 11px/1.4 var(--font-sans);color:#9ba8a0;letter-spacing:0;text-transform:none}
.chart-callout-card .chart-result-pill{font:650 10px/1.2 var(--font-sans);padding:5px 9px;letter-spacing:.025em}
.chart-callout-card .chart-bet-main{gap:6px}
.chart-callout-card .chart-bet-main p{font:500 11px/1.4 var(--font-sans);color:#9ba8a0}
.chart-callout-card .chart-bet-main>strong{white-space:normal;overflow-wrap:anywhere;font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.chart-callout-card .chart-selection-list{padding:0;border:0;gap:0}
.chart-callout-card .chart-selection-list li{position:relative;display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;align-items:baseline;padding:7px 0}
.chart-callout-card .chart-selection-list li:not(:last-child)::after{content:"";position:absolute;left:3px;top:19px;bottom:-12px;width:1px;background:#ffffff20}
.chart-callout-card .chart-selection-list li::before{position:relative;z-index:1;width:7px;height:7px;box-shadow:none}
.chart-callout-card .chart-selection-list span{white-space:normal;overflow-wrap:anywhere;font:500 12px/1.5 var(--font-sans);color:#dce3df;letter-spacing:0;text-transform:none}
.chart-callout-card .chart-bet-metrics{grid-template-columns:.65fr 1.2fr .65fr 1.1fr;border:0;border-top:1px solid #ffffff12;border-radius:0;background:none;padding-top:14px;overflow:visible}
.chart-callout-card .chart-bet-metrics div{padding:0 7px;border:0;min-width:0;gap:6px}
.chart-callout-card .chart-bet-metrics div:first-child{padding-left:0}
.chart-callout-card .chart-bet-metrics div:last-child{padding-right:0}
.chart-callout-card .chart-bet-metrics dt{font:500 10px/1.4 var(--font-sans);color:#8e9c93;letter-spacing:0;text-transform:none}
.chart-callout-card .chart-bet-metrics dd{display:flex;align-items:center;gap:5px;font:600 15px/1.4 var(--font-sans);letter-spacing:-.015em;white-space:normal;overflow-wrap:anywhere}

.chart-callout-card .chart-bet-metrics div{align-content:start;grid-template-rows:auto auto}

.chart-callout-card .chart-bet-metrics .chart-bet-sigma{display:grid;gap:6px}
.chart-callout-card .chart-bet-sigma>span{font:500 10px/1.4 var(--font-sans);color:#929292;letter-spacing:0;text-transform:none}
.chart-callout-card .chart-bet-sigma b{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #83d9ff30;border-radius:6px;background:linear-gradient(135deg,#56caff16,#56caff08);color:#9ce2ff;font:600 12px/1.3 var(--font-sans)}
.chart-callout-card .chart-bet-sigma svg{display:block;width:15px;height:15px;min-height:0;min-width:15px;max-height:15px;aspect-ratio:1;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.chart-callout-card .chart-bet-metrics div:last-child{text-align:right;align-items:end}
.chart-callout-card .chart-bet-metrics div:last-child dd{justify-content:flex-end}
.chart-callout-card .chart-bet-metrics .chart-bet-profit-positive{color:#00ff7f}
.chart-callout-card .chart-bet-metrics .chart-bet-profit-negative{color:#f08085}

.chart-callout-card .chart-bet-meta-row{min-height:18px;padding-right:110px}
.chart-callout-card .chart-bet-main{gap:7px}
.chart-callout-card .chart-bet-main>strong{font-size:19px;font-weight:650}
.chart-callout-card .chart-selection-list{gap:6px}
.chart-callout-card .chart-selection-list li{padding:10px 11px;border:1px solid #ffffff09;border-radius:7px;background:#ffffff02;gap:10px}
.chart-callout-card .chart-selection-list li:not(:last-child)::after{display:none}
.chart-callout-card .chart-bet-metrics{margin-top:2px;align-items:start;gap:2px}
.chart-callout-card .chart-bet-metrics dd{min-height:30px;font-size:14px}
.chart-callout-card .chart-bet-metrics .chart-bet-sigma dd{justify-content:flex-start}
.chart-callout-card .chart-bet-metrics .chart-bet-sigma b{padding:4px 6px;font-size:11px;gap:4px}
.chart-callout-card .chart-bet-metrics div:last-child dd{font-size:20px;font-weight:650;white-space:nowrap}
.chart-callout-card .chart-bet-metrics .chart-bet-profit-negative{color:#ff5a5f}

/* La forma se aplica solo al fondo para mantener el texto nítido y visible. */
.chart-callout-card .chart-result-pill{position:absolute;right:14px;top:-1px;isolation:isolate;display:flex;align-items:center;justify-content:center;min-width:0;height:29px;padding:0 21px;border:0;border-radius:0;background:transparent;color:#08100c!important;font:800 12px/1 var(--font-sans);letter-spacing:.025em;mask:none}
.chart-callout-card .chart-result-pill::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--callout-accent);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 44' preserveAspectRatio='none'%3E%3Cpath d='M0 0h220a22 22 0 0 0-22 22 22 22 0 0 1-22 22H44a22 22 0 0 1-22-22A22 22 0 0 0 0 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}

/* Tarjeta flotante elevada respecto al cursor, sin interceptar el ratón. */
.registry-chart-layout > .chart-callout-card.chart-bet-card{position:fixed;pointer-events:none;width:390px;max-width:calc(100vw - 32px);overflow:auto;box-shadow:0 18px 60px #0009}
.registry-chart-layout > .chart-callout-card.is-hidden{display:none;visibility:hidden;opacity:0;transition:none}

.registry-chart-layout > .chart-callout-card.chart-bet-card{box-sizing:border-box;margin:0;transform:none}

.chart-callout-card .chart-bet-metrics .adjusted-odd{font-size:12px!important;line-height:1.4}

.chart-callout-card .chart-selection-list .chart-selection-anulada{grid-template-columns:8px minmax(0,1fr) auto;align-items:center}
.chart-callout-card .chart-selection-list .chart-selection-anulada>.selection-copy{opacity:.48;text-decoration:line-through}
.chart-callout-card .chart-selection-list .selection-void-label{font-size:9px;padding:3px 6px}
