/* ============================================================================
 * Findex News Runtime — AI Signal stylesheet (v11.17.0)
 *
 * Reuses the existing Reading-Room palette (Inter, IBM Plex, JetBrains Mono)
 * and CSS variables from frontend.css. Every colour referenced here is either
 * inherited via `var(--..)` from the host stylesheet, or a hand-picked muted
 * tone that does NOT alarm the eye — institutional-trader palette.
 *
 * Design choices (psychological clarity):
 *   • Big calm card → smaller calmer panels (information hierarchy, not noise).
 *   • Five-bucket signal uses emerald / sage / slate / amber / coral, none of
 *     them saturated. The eye registers direction without panic.
 *   • All numbers use JetBrains Mono so columns line up — calmer to scan.
 *   • Single accent gradient on the AI button matches the Findex glow already
 *     used by .fs-chart-tf-btn.active so the feature feels native, not bolted on.
 *   • Mobile sheet slides up from bottom (90vh); desktop centres a 720px modal.
 * ==========================================================================*/

/* ── AI Signal button (lives inside the chart card) ──────────────────────── */
.fnrp-ai-wrap {
    padding: 0 16px 14px;
}
.fnrp-ai-btn {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid rgba(77,212,172,.35);
    background: linear-gradient(180deg, rgba(77,212,172,.10), rgba(77,212,172,.04));
    color: var(--text);
    font-family: var(--sans);
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: .02em;
    cursor: pointer;
    transition: all var(--med);
    position: relative;
    overflow: hidden;
}
.fnrp-ai-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 50%, rgba(77,212,172,.16), transparent 60%);
    opacity: 0;
    transition: opacity var(--med);
    pointer-events: none;
}
.fnrp-ai-btn:hover {
    border-color: rgba(77,212,172,.6);
    color: #fff;
    transform: translateY(-1px);
}
.fnrp-ai-btn:hover::after { opacity: 1; }
.fnrp-ai-btn:active { transform: translateY(0); }
.fnrp-ai-btn svg { color: var(--accent); }
[dir="rtl"] .fnrp-ai-btn { letter-spacing: 0; }


/* ── Overlay ─────────────────────────────────────────────────────────────── */
.fnrp-ai-overlay {
    position: fixed;
    inset: 0;
    /* v11.22.20 — sit ABOVE the full-chart modal (z 2147483000) so opening the
       AI signal from inside the chart layers cleanly on top, instead of behind
       it (which made it appear only after the chart was closed). */
    z-index: 2147483600;
    background: rgba(5, 8, 14, 0.78);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    transition: opacity .22s var(--ease, cubic-bezier(.4,0,.2,1));
}
.fnrp-ai-overlay.open {
    display: flex;
    opacity: 1;
    animation: fnrpAiFadeIn .22s var(--ease, cubic-bezier(.4,0,.2,1));
}
@keyframes fnrpAiFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ── Modal container ─────────────────────────────────────────────────────── */
.fnrp-ai-modal {
    width: 100%;
    max-width: 720px;
    max-height: 90vh;
    background: linear-gradient(180deg, #0e1320 0%, #0a0e15 100%);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 16px;
    box-shadow:
        0 20px 60px -12px rgba(0,0,0,.65),
        0 0 0 1px rgba(77,212,172,.05) inset;
    color: var(--text, #e3e9f2);
    font-family: var(--sans, 'Inter', system-ui, sans-serif);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: fnrpAiPop .26s var(--ease, cubic-bezier(.4,0,.2,1));
}
@keyframes fnrpAiPop {
    from { opacity: 0; transform: translateY(12px) scale(.985); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
[dir="rtl"] .fnrp-ai-modal {
    font-family: var(--sans-ar, 'IBM Plex Sans Arabic', 'Inter', system-ui, sans-serif);
}

/* Mobile: full-height bottom sheet, slides up */
@media (max-width: 640px) {
    .fnrp-ai-overlay { padding: 0; align-items: flex-end; }
    .fnrp-ai-modal {
        max-height: 92vh;
        border-radius: 18px 18px 0 0;
        animation: fnrpAiSlideUp .28s var(--ease, cubic-bezier(.4,0,.2,1));
    }
    @keyframes fnrpAiSlideUp {
        from { transform: translateY(100%); }
        to   { transform: translateY(0); }
    }
}

/* ── Head bar ────────────────────────────────────────────────────────────── */
.fnrp-ai-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px 14px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    background: linear-gradient(180deg, rgba(77,212,172,.04), transparent);
}
.fnrp-ai-titlebox {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.fnrp-ai-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--text, #e3e9f2);
    letter-spacing: -.01em;
}
.fnrp-ai-sub {
    font-size: 11.5px;
    color: var(--muted, #8c98ad);
    font-family: var(--mono, 'JetBrains Mono', monospace);
}
.fnrp-ai-x {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.06);
    background: transparent;
    color: var(--muted-2, #555f70);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all var(--fast, .12s ease);
    flex: 0 0 auto;
}
.fnrp-ai-x:hover {
    color: var(--text);
    border-color: rgba(255,255,255,.18);
    background: rgba(255,255,255,.03);
}

/* ── Body (scrollable) ───────────────────────────────────────────────────── */
.fnrp-ai-body {
    padding: 20px 22px 16px;
    overflow-y: auto;
    flex: 1;
    /* Subtle scrollbar to match the Reading-Room aesthetic */
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.12) transparent;
}
.fnrp-ai-body::-webkit-scrollbar { width: 6px; }
.fnrp-ai-body::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.12);
    border-radius: 6px;
}

/* ── Loading state ───────────────────────────────────────────────────────── */
.fnrp-ai-loading {
    padding: 60px 20px;
    text-align: center;
    color: var(--muted, #8c98ad);
    font-size: 13px;
}
.fnrp-ai-spinner {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 2px solid rgba(77,212,172,.15);
    border-top-color: var(--accent, #4dd4ac);
    margin: 0 auto 16px;
    animation: fnrpAiSpin .9s linear infinite;
}
@keyframes fnrpAiSpin {
    to { transform: rotate(360deg); }
}
.fnrp-ai-loading-text { font-family: var(--mono, monospace); letter-spacing: .04em; }
[dir="rtl"] .fnrp-ai-loading-text { font-family: var(--sans-ar); letter-spacing: 0; }

/* ── Error state ─────────────────────────────────────────────────────────── */
.fnrp-ai-err {
    padding: 40px 20px;
    text-align: center;
    color: var(--text-2, #b3bdce);
    font-size: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}
.fnrp-ai-err-ic {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(251, 146, 60, 0.12);
    color: #fb923c;
    font-size: 22px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ── Signal card (the big one) ───────────────────────────────────────────── */
.fnrp-ai-sig-card {
    background: var(--sig-soft, rgba(148,163,184,.08));
    border: 1px solid var(--sig-color, #94a3b8);
    border-radius: 14px;
    padding: 22px 18px;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 22px;
}
.fnrp-ai-sig-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center top, var(--sig-soft) 0%, transparent 70%);
    opacity: .6;
    pointer-events: none;
}
.fnrp-ai-sig-icon {
    font-size: 22px;
    color: var(--sig-color);
    font-family: var(--mono, monospace);
    letter-spacing: .15em;
    margin-bottom: 6px;
    position: relative;
}
.fnrp-ai-sig-text {
    font-size: 26px;
    font-weight: 700;
    color: var(--sig-color);
    letter-spacing: .04em;
    line-height: 1.1;
    position: relative;
    text-shadow: 0 0 24px var(--sig-soft);
}
[dir="rtl"] .fnrp-ai-sig-text { letter-spacing: 0; }
.fnrp-ai-sig-meta {
    margin-top: 18px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    position: relative;
}
.fnrp-ai-meter {
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: start;
}
.fnrp-ai-meter-label {
    font-size: 11px;
    color: var(--muted, #8c98ad);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-family: var(--mono, monospace);
}
[dir="rtl"] .fnrp-ai-meter-label {
    font-family: var(--sans-ar);
    text-transform: none;
    letter-spacing: 0;
}
.fnrp-ai-meter-bar {
    height: 6px;
    background: rgba(255,255,255,.06);
    border-radius: 99px;
    overflow: hidden;
}
.fnrp-ai-meter-fill {
    height: 100%;
    border-radius: 99px;
    transition: width .6s var(--ease, cubic-bezier(.4,0,.2,1));
}
.fnrp-ai-meter-val {
    font-family: var(--mono, monospace);
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
}

/* ── Generic section heading ─────────────────────────────────────────────── */
.fnrp-ai-section {
    margin-bottom: 22px;
}
.fnrp-ai-section:last-child { margin-bottom: 4px; }
.fnrp-ai-h4 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--muted, #8c98ad);
    margin: 0 0 12px;
    font-weight: 600;
    font-family: var(--mono, monospace);
}
[dir="rtl"] .fnrp-ai-h4 {
    font-family: var(--sans-ar);
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;
}

/* ── Timeframe grid ──────────────────────────────────────────────────────── */
.fnrp-ai-tf-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
@media (max-width: 540px) {
    .fnrp-ai-tf-grid { grid-template-columns: repeat(2, 1fr); }
}
.fnrp-ai-tf-cell {
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    padding: 10px 10px 12px;
    text-align: center;
    transition: border-color var(--fast, .12s ease);
}
.fnrp-ai-tf-cell.pos { border-color: rgba(52,211,153,.30); }
.fnrp-ai-tf-cell.neg { border-color: rgba(251,146,60,.30); }
.fnrp-ai-tf-cell.neu { border-color: rgba(148,163,184,.20); }
.fnrp-ai-tf-cell.unavailable { opacity: .4; }
.fnrp-ai-tf-label {
    font-size: 10.5px;
    color: var(--muted, #8c98ad);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-family: var(--mono, monospace);
    margin-bottom: 6px;
}
[dir="rtl"] .fnrp-ai-tf-label {
    font-family: var(--sans-ar); text-transform: none; letter-spacing: 0;
}
.fnrp-ai-tf-score {
    font-family: var(--mono, monospace);
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--text);
}
.fnrp-ai-tf-cell.pos .fnrp-ai-tf-score { color: #34d399; }
.fnrp-ai-tf-cell.neg .fnrp-ai-tf-score { color: #fb923c; }
.fnrp-ai-tf-cell.neu .fnrp-ai-tf-score { color: #94a3b8; }
.fnrp-ai-tf-rail {
    height: 4px;
    background: linear-gradient(90deg,
        rgba(244,63,94,.25) 0%,
        rgba(148,163,184,.15) 50%,
        rgba(16,185,129,.25) 100%);
    border-radius: 99px;
    position: relative;
    margin-bottom: 6px;
}
.fnrp-ai-tf-mark {
    position: absolute;
    top: -3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--text, #e3e9f2);
    transform: translateX(-50%);
    box-shadow: 0 0 0 2px rgba(0,0,0,.5);
}
.fnrp-ai-tf-cell.pos .fnrp-ai-tf-mark { background: #34d399; }
.fnrp-ai-tf-cell.neg .fnrp-ai-tf-mark { background: #fb923c; }
.fnrp-ai-tf-strength {
    font-size: 10px;
    color: var(--muted-2, #555f70);
    font-family: var(--mono, monospace);
    letter-spacing: .04em;
    text-transform: uppercase;
}
[dir="rtl"] .fnrp-ai-tf-strength {
    font-family: var(--sans-ar); text-transform: none; letter-spacing: 0;
}
.fnrp-ai-tf-na {
    color: var(--muted-2);
    font-family: var(--mono);
    font-size: 13px;
    padding: 12px 0;
}

/* ── Levels grid ─────────────────────────────────────────────────────────── */
.fnrp-ai-levels {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
@media (max-width: 540px) {
    .fnrp-ai-levels { grid-template-columns: repeat(2, 1fr); }
}
.fnrp-ai-level {
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-left-width: 3px;
}
[dir="rtl"] .fnrp-ai-level {
    border-left-width: 1px;
    border-right-width: 3px;
}
.fnrp-ai-level-sup { border-left-color: #34d399; }
.fnrp-ai-level-res { border-left-color: #fb923c; }
.fnrp-ai-level-mid { border-left-color: #60a5fa; }
.fnrp-ai-level-sl  { border-left-color: #f43f5e; }
.fnrp-ai-level-tp  { border-left-color: #10b981; }
.fnrp-ai-level-atr { border-left-color: #a78bfa; }
.fnrp-ai-level-rr  { border-left-color: #fbbf24; }
[dir="rtl"] .fnrp-ai-level-sup { border-right-color: #34d399; border-left-color: rgba(255,255,255,.06); }
[dir="rtl"] .fnrp-ai-level-res { border-right-color: #fb923c; border-left-color: rgba(255,255,255,.06); }
[dir="rtl"] .fnrp-ai-level-mid { border-right-color: #60a5fa; border-left-color: rgba(255,255,255,.06); }
[dir="rtl"] .fnrp-ai-level-sl  { border-right-color: #f43f5e; border-left-color: rgba(255,255,255,.06); }
[dir="rtl"] .fnrp-ai-level-tp  { border-right-color: #10b981; border-left-color: rgba(255,255,255,.06); }
[dir="rtl"] .fnrp-ai-level-atr { border-right-color: #a78bfa; border-left-color: rgba(255,255,255,.06); }
[dir="rtl"] .fnrp-ai-level-rr  { border-right-color: #fbbf24; border-left-color: rgba(255,255,255,.06); }
.fnrp-ai-level-l {
    font-size: 10.5px;
    color: var(--muted, #8c98ad);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-family: var(--mono, monospace);
}
[dir="rtl"] .fnrp-ai-level-l {
    font-family: var(--sans-ar); text-transform: none; letter-spacing: 0;
}
.fnrp-ai-level-v {
    font-family: var(--mono, monospace);
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    word-break: break-word;
}

/* ── Indicators grid ─────────────────────────────────────────────────────── */
.fnrp-ai-indicators {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}
@media (max-width: 540px) {
    .fnrp-ai-indicators { grid-template-columns: repeat(2, 1fr); }
}
.fnrp-ai-ind {
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 8px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.fnrp-ai-ind-l {
    font-size: 10.5px;
    color: var(--muted-2, #555f70);
    font-family: var(--mono, monospace);
    letter-spacing: .04em;
    text-transform: uppercase;
    flex: 0 0 auto;
}
[dir="rtl"] .fnrp-ai-ind-l {
    font-family: var(--sans-ar); text-transform: none; letter-spacing: 0;
}
.fnrp-ai-ind-v {
    font-family: var(--mono, monospace);
    font-size: 12px;
    font-weight: 500;
    color: var(--text);
    text-align: end;
}

/* ── Reasoning bullets ───────────────────────────────────────────────────── */
.fnrp-ai-reasons {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.fnrp-ai-reasons li {
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 12.5px;
    line-height: 1.55;
    color: var(--text-2, #b3bdce);
    position: relative;
    padding-inline-start: 28px;
}
.fnrp-ai-reasons li::before {
    content: '';
    position: absolute;
    inset-inline-start: 10px;
    top: 16px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent, #4dd4ac);
    opacity: .8;
}

/* ── Footer (disclaimer + retry) ─────────────────────────────────────────── */
.fnrp-ai-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 22px 18px;
    border-top: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.015);
}
.fnrp-ai-disclaim {
    flex: 1;
    font-size: 10.5px;
    color: var(--muted-2, #555f70);
    line-height: 1.5;
    font-family: var(--sans);
}
[dir="rtl"] .fnrp-ai-disclaim { font-family: var(--sans-ar); font-size: 11px; }
.fnrp-ai-retry {
    flex: 0 0 auto;
    padding: 8px 14px;
    border-radius: 8px;
    border: 1px solid rgba(77,212,172,.30);
    background: rgba(77,212,172,.08);
    color: var(--accent, #4dd4ac);
    font-family: var(--sans);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--fast, .12s ease);
}
.fnrp-ai-retry:hover {
    background: rgba(77,212,172,.16);
    border-color: rgba(77,212,172,.6);
    color: #fff;
}
[dir="rtl"] .fnrp-ai-retry { font-family: var(--sans-ar); }

@media (max-width: 540px) {
    .fnrp-ai-foot { flex-direction: column; align-items: stretch; }
    .fnrp-ai-retry { width: 100%; }
}

/* ============================================================================
   v11.55.0 — AI SIGNAL · STRONG CARBON REDESIGN
   Appended last → wins over the legacy shell styles above. Reads the platform
   CARBON theme tokens (near-black surfaces #08090b/#0e1014, electric-blue accent
   #5e9eff, Binance-style up/down #2ebd6b / #f6465d) with carbon fallbacks, so the
   modal looks native to the carbon skin in both dark and light mode.
   Special focus: a prominent, tactile SCENARIO simulator. Motion is gentle and
   fully disabled under prefers-reduced-motion (see end of block).
   ========================================================================== */

/* ── Shell: carbon scrim + premium panel ────────────────────────────────── */
.fnrp-ai-overlay{
  position:fixed; inset:0; z-index:2147483400; display:flex; align-items:center;
  justify-content:center; padding:22px; box-sizing:border-box;
  background:radial-gradient(130% 120% at 50% 0%, rgba(8,9,11,.66), rgba(4,5,7,.86));
  -webkit-backdrop-filter:blur(8px) saturate(1.05); backdrop-filter:blur(8px) saturate(1.05);
  opacity:0; pointer-events:none; transition:opacity .24s ease;
}
.fnrp-ai-overlay.open{ opacity:1; pointer-events:auto; }

.fnrp-ai-modal{
  position:relative; width:min(480px,100%); max-height:92vh; display:flex; flex-direction:column;
  overflow:hidden; border-radius:20px;
  border:1px solid var(--border-2, rgba(255,255,255,.11));
  background:linear-gradient(180deg, var(--surface-2,#14161b) 0%, var(--surface,#0e1014) 46%, var(--bg-2,#0b0c0e) 100%);
  box-shadow:0 44px 110px -30px rgba(0,0,0,.86), 0 0 0 1px rgba(0,0,0,.5), 0 1px 0 0 rgba(255,255,255,.05) inset;
  color:var(--text,#fbfbfc);
  font-family:var(--sans, system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);
  transform:translateY(14px) scale(.986); transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.fnrp-ai-overlay.open .fnrp-ai-modal{ transform:none; }
/* subtle carbon-fibre weave */
.fnrp-ai-modal::before{
  content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; z-index:0; opacity:.6;
  background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.013) 0 1px,transparent 1px 3px),
                   repeating-linear-gradient(-45deg,rgba(255,255,255,.013) 0 1px,transparent 1px 3px);
}
/* top accent hairline */
.fnrp-ai-modal::after{
  content:""; position:absolute; top:0; left:0; right:0; height:1px; pointer-events:none; z-index:1;
  background:linear-gradient(90deg,transparent,rgba(94,158,255,.5),transparent);
}
.fnrp-ai-modal > *{ position:relative; z-index:2; }
[dir="rtl"] .fnrp-ai-modal{ font-family:var(--sans-ar, 'IBM Plex Sans Arabic','Inter',system-ui,sans-serif); }

.fnrp-ai-head{
  display:flex; align-items:center; gap:12px; padding:16px 18px 13px;
  border-bottom:1px solid var(--border, rgba(255,255,255,.06));
}
.fnrp-ai-titlebox{ flex:1 1 auto; min-width:0; }
.fnrp-ai-title{
  display:flex; align-items:center; gap:9px; font-size:15px; font-weight:800;
  letter-spacing:.01em; color:var(--text,#fbfbfc);
}
.fnrp-ai-title::before{
  content:""; width:9px; height:9px; border-radius:50%;
  background:var(--accent,#5e9eff); box-shadow:0 0 0 4px var(--accent-bg,rgba(94,158,255,.14)), 0 0 12px var(--accent,#5e9eff);
}
.fnrp-ai-sub{ margin-top:3px; font-size:11px; color:var(--muted,#666b75); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:var(--mono,ui-monospace,monospace); letter-spacing:.02em; }
[dir="rtl"] .fnrp-ai-sub{ font-family:var(--sans-ar); letter-spacing:0; }
.fnrp-ai-x{
  flex:0 0 auto; width:34px; height:34px; display:flex; align-items:center; justify-content:center;
  border-radius:11px; cursor:pointer; color:var(--text-2,#9ea3ad);
  background:rgba(255,255,255,.02); border:1px solid var(--border-2,rgba(255,255,255,.11));
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.fnrp-ai-x:hover{ color:var(--text,#fff); background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.2); }
.fnrp-ai-body{ overflow-y:auto; -webkit-overflow-scrolling:touch; padding:15px 15px 5px; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.14) transparent; }
.fnrp-ai-body::-webkit-scrollbar{ width:6px; }
.fnrp-ai-body::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.14); border-radius:6px; }
.fnrp-ai-foot{
  display:flex; align-items:center; gap:10px; padding:12px 16px 14px;
  border-top:1px solid var(--border, rgba(255,255,255,.06)); background:rgba(255,255,255,.012);
}
.fnrp-ai-disclaim{ flex:1 1 auto; font-size:10px; line-height:1.45; color:var(--muted-2,#494e57); }
.fnrp-ai-retry{
  flex:0 0 auto; font-size:11.5px; font-weight:700; cursor:pointer; padding:8px 14px;
  border-radius:10px; color:var(--accent,#5e9eff); background:var(--accent-bg,rgba(94,158,255,.12));
  border:1px solid rgba(94,158,255,.34); transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;
}
.fnrp-ai-retry:hover{ transform:translateY(-1px); filter:brightness(1.08); box-shadow:0 6px 18px -8px rgba(94,158,255,.4); }
.fnrp-ai-retry:active{ transform:translateY(0); }

/* loading + error → carbon */
.fnrp-ai-spinner{ border-color:rgba(94,158,255,.18); border-top-color:var(--accent,#5e9eff); filter:drop-shadow(0 0 7px rgba(94,158,255,.3)); }
.fnrp-ai-loading{ color:var(--muted,#666b75); }
.fnrp-ai-err{ color:var(--text-2,#9ea3ad); }

/* ── Container ──────────────────────────────────────────────────────────── */
.fnrp-ai2{ display:flex; flex-direction:column; gap:13px; animation:fnrp-ai2-fade .35s ease both; }
@keyframes fnrp-ai2-fade{ from{ opacity:0; transform:translateY(6px);} to{ opacity:1; transform:none;} }
.fnrp-ai2-block{ display:flex; flex-direction:column; gap:9px; }
.fnrp-ai2-h{
  font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:var(--muted,#666b75); padding-inline-start:2px;
}
[dir="rtl"] .fnrp-ai2-h{ letter-spacing:0; font-size:12.5px; }

/* ── HERO ───────────────────────────────────────────────────────────────── */
.fnrp-ai2-hero{
  position:relative; padding:17px 16px 19px; border-radius:16px; overflow:hidden; text-align:center;
  background:
    radial-gradient(140% 95% at 50% -12%, var(--sig-soft, rgba(94,158,255,.12)), transparent 68%),
    var(--surface,#0e1014);
  border:1px solid var(--border-2, rgba(255,255,255,.11));
  box-shadow:0 1px 0 0 rgba(255,255,255,.04) inset;
}
.fnrp-ai2-hero::after{ content:""; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--sig,rgba(94,158,255,.5)),transparent); opacity:.5; }
.fnrp-ai2-hero-top{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; }
.fnrp-ai2-symtf{
  font-family:var(--mono, ui-monospace, monospace); font-size:11px; font-weight:700;
  letter-spacing:.04em; color:var(--text-2,#9ea3ad);
  padding:5px 9px; border-radius:8px; background:rgba(255,255,255,.04);
  border:1px solid var(--border-2,rgba(255,255,255,.11)); white-space:nowrap;
}
.fnrp-ai2-updated{ display:inline-flex; align-items:center; gap:6px; font-size:10.5px; color:var(--muted,#666b75); white-space:nowrap; }
.fnrp-ai2-live{ width:7px; height:7px; border-radius:50%; background:var(--up,#2ebd6b); box-shadow:0 0 8px rgba(46,189,107,.5); animation:fnrp-ai2-breathe 2.4s ease-in-out infinite; }
@keyframes fnrp-ai2-breathe{ 0%,100%{ box-shadow:0 0 0 0 rgba(46,189,107,.5); opacity:1;} 50%{ box-shadow:0 0 0 5px transparent; opacity:.55;} }

.fnrp-ai2-dir{
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-size:31px; font-weight:900; letter-spacing:.02em; line-height:1.05; color:var(--sig,#9ea3ad);
  text-shadow:0 0 30px var(--sig-soft, transparent);
}
.fnrp-ai2-arrow{ font-size:19px; opacity:.95; transform:translateY(-1px); }
.fnrp-ai2-dir.tone-pos{ color:var(--up,#2ebd6b); }
.fnrp-ai2-dir.tone-neg{ color:var(--down,#f6465d); }
.fnrp-ai2-dir.tone-neu{ color:#cbb26b; }
.fnrp-ai2-conv{ position:relative; margin-top:4px; font-size:12.5px; color:var(--muted,#666b75); letter-spacing:.01em; }

.fnrp-ai2-gaugewrap{ position:relative; width:206px; height:120px; margin:9px auto 2px; }
.fnrp-ai2-gauge-svg{ width:206px; height:120px; display:block; overflow:visible; }
.fnrp-ai2-gauge-svg .g-track{ stroke:var(--border-2, rgba(255,255,255,.11)); }
.fnrp-ai2-gauge-svg .g-val{ transition:stroke-dashoffset .95s cubic-bezier(.22,.85,.2,1); filter:drop-shadow(0 0 8px var(--sig-soft,transparent)); }
.fnrp-ai2-gauge-c{ position:absolute; left:0; right:0; bottom:6px; display:flex; flex-direction:column; align-items:center; }
.fnrp-ai2-gv{ font-family:var(--mono, ui-monospace, monospace); font-size:40px; font-weight:900; line-height:1; color:var(--text,#fbfbfc); font-variant-numeric:tabular-nums; }
.fnrp-ai2-gauge-cap{ margin-top:4px; font-size:9px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--muted-2,#494e57); }
[dir="rtl"] .fnrp-ai2-gauge-cap{ letter-spacing:.04em; }

.fnrp-ai2-align{ position:relative; display:flex; align-items:center; gap:9px; margin:7px auto 0; max-width:300px; }
.fnrp-ai2-align-k{ font-size:10.5px; color:var(--muted,#666b75); white-space:nowrap; }
.fnrp-ai2-align-bar{ flex:1 1 auto; height:6px; border-radius:6px; background:rgba(255,255,255,.07); overflow:hidden; }
.fnrp-ai2-align-bar i{ display:block; height:100%; border-radius:6px; background:var(--sig,#9ea3ad); box-shadow:0 0 8px var(--sig-soft,transparent); width:0; transition:width .9s cubic-bezier(.22,.85,.2,1); }
.fnrp-ai2-align-v{ font-family:var(--mono, monospace); font-size:11px; font-weight:800; color:var(--text-2,#9ea3ad); font-variant-numeric:tabular-nums; }
.fnrp-ai2-aligned{ position:relative; margin-top:7px; font-size:10.5px; color:var(--muted-2,#494e57); }

/* ── TRADE PLAN ─────────────────────────────────────────────────────────── */
.fnrp-ai2-plan{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.fnrp-ai2-cell{
  position:relative; padding:12px 10px; border-radius:12px; text-align:center; overflow:hidden;
  background:var(--surface,#0e1014); border:1px solid var(--border-2,rgba(255,255,255,.11));
  transition:transform .15s ease, border-color .15s ease;
}
.fnrp-ai2-cell::before{ content:""; position:absolute; inset-inline:0; top:0; height:2px; background:var(--accent,#5e9eff); opacity:.5; }
.fnrp-ai2-cell:hover{ transform:translateY(-2px); }
.fnrp-ai2-cell-l{ font-size:9.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--muted,#666b75); margin-bottom:6px; }
[dir="rtl"] .fnrp-ai2-cell-l{ letter-spacing:0; }
.fnrp-ai2-cell-v{ font-family:var(--mono, monospace); font-size:15px; font-weight:800; color:var(--text,#fbfbfc); direction:ltr; unicode-bidi:isolate; font-variant-numeric:tabular-nums; }
.fnrp-ai2-cell.k-tp::before{ background:var(--up,#2ebd6b); }
.fnrp-ai2-cell.k-tp .fnrp-ai2-cell-v{ color:var(--up,#2ebd6b); }
.fnrp-ai2-cell.k-tp:hover{ border-color:var(--up,#2ebd6b); }
.fnrp-ai2-cell.k-sl::before{ background:var(--down,#f6465d); }
.fnrp-ai2-cell.k-sl .fnrp-ai2-cell-v{ color:var(--down,#f6465d); }
.fnrp-ai2-cell.k-sl:hover{ border-color:var(--down,#f6465d); }
.fnrp-ai2-cell.k-entry:hover{ border-color:var(--accent,#5e9eff); }

/* ── RISK : REWARD ──────────────────────────────────────────────────────── */
.fnrp-ai2-rr{
  padding:13px; border-radius:12px;
  background:var(--surface,#0e1014); border:1px solid var(--border-2,rgba(255,255,255,.11));
}
.fnrp-ai2-rr-head{ display:flex; align-items:center; justify-content:space-between; font-size:11px; color:var(--muted,#666b75); margin-bottom:9px; letter-spacing:.04em; }
.fnrp-ai2-rr-ratio{ font-family:var(--mono, monospace); font-size:13px; font-weight:900; color:var(--text,#fbfbfc); }
.fnrp-ai2-rr-track{ display:flex; height:10px; border-radius:6px; overflow:hidden; background:rgba(255,255,255,.05); }
.fnrp-ai2-rr-risk{ height:100%; width:0; background:linear-gradient(90deg, rgba(246,70,93,.55), var(--down,#f6465d)); transition:width .85s cubic-bezier(.22,.85,.2,1); }
.fnrp-ai2-rr-rew{ height:100%; width:0; background:linear-gradient(90deg, var(--up,#2ebd6b), rgba(46,189,107,.55)); transition:width .85s cubic-bezier(.22,.85,.2,1); }
.fnrp-ai2-copy{
  display:block; width:100%; margin-top:12px; padding:10px 12px; border-radius:10px; cursor:pointer;
  font-family:var(--sans,sans-serif); font-size:11.5px; font-weight:700; color:var(--text-2,#9ea3ad);
  background:rgba(255,255,255,.03); border:1px solid var(--border-2,rgba(255,255,255,.11));
  transition:transform .14s ease,border-color .14s ease,color .14s ease,background .14s ease;
}
.fnrp-ai2-copy:hover{ color:var(--text,#fff); border-color:var(--accent,#5e9eff); background:var(--accent-bg,rgba(94,158,255,.1)); transform:translateY(-1px); }
.fnrp-ai2-copy.ok{ color:var(--up,#2ebd6b); border-color:var(--up,#2ebd6b); background:rgba(46,189,107,.08); }

/* ── TIMEFRAME STRIP ────────────────────────────────────────────────────── */
.fnrp-ai2-tfs{ display:flex; gap:8px; overflow-x:auto; padding:2px; scrollbar-width:thin; -webkit-overflow-scrolling:touch; }
.fnrp-ai2-tfs::-webkit-scrollbar{ height:5px; }
.fnrp-ai2-tfs::-webkit-scrollbar-thumb{ background:var(--border-2,rgba(255,255,255,.11)); border-radius:5px; }
.fnrp-ai2-tf{
  flex:1 0 auto; min-width:90px; text-align:start; cursor:pointer; padding:10px 11px; border-radius:11px;
  background:var(--surface,#0e1014); border:1px solid var(--border-2,rgba(255,255,255,.11));
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.fnrp-ai2-tf:hover{ transform:translateY(-2px); border-color:rgba(255,255,255,.2); }
.fnrp-ai2-tf.is-active{ border-color:var(--accent,#5e9eff); background:var(--accent-bg,rgba(94,158,255,.08)); box-shadow:0 6px 18px -10px var(--accent,#5e9eff); }
.fnrp-ai2-tf.is-na{ opacity:.5; cursor:default; }
.fnrp-ai2-tf-l{ display:block; font-size:11px; font-weight:800; letter-spacing:.04em; color:var(--text-2,#9ea3ad); }
.fnrp-ai2-tf-rail{ display:block; position:relative; height:4px; margin:8px 0 6px; border-radius:4px; background:rgba(255,255,255,.08); }
.fnrp-ai2-tf-rail i{ position:absolute; top:50%; width:9px; height:9px; border-radius:50%; transform:translate(-50%,-50%); background:var(--muted,#666b75); transition:left .5s ease; }
.fnrp-ai2-tf.tone-pos .fnrp-ai2-tf-rail i{ background:var(--up,#2ebd6b); box-shadow:0 0 7px rgba(46,189,107,.6); }
.fnrp-ai2-tf.tone-neg .fnrp-ai2-tf-rail i{ background:var(--down,#f6465d); box-shadow:0 0 7px rgba(246,70,93,.6); }
.fnrp-ai2-tf-s{ font-family:var(--mono, monospace); font-size:11px; font-weight:800; font-variant-numeric:tabular-nums; }
.fnrp-ai2-tf.tone-pos .fnrp-ai2-tf-s{ color:var(--up,#2ebd6b); }
.fnrp-ai2-tf.tone-neg .fnrp-ai2-tf-s{ color:var(--down,#f6465d); }
.fnrp-ai2-tf.tone-neu .fnrp-ai2-tf-s{ color:var(--muted,#666b75); }
.fnrp-ai2-tf-na{ font-size:10px; color:var(--muted-2,#494e57); }

/* ── DRIVERS ────────────────────────────────────────────────────────────── */
.fnrp-ai2-drivers{ display:flex; flex-direction:column; gap:11px; }
.fnrp-ai2-drv-top{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:6px; }
.fnrp-ai2-drv-name{ font-size:12.5px; font-weight:700; color:var(--text,#fbfbfc); }
.fnrp-ai2-drv-stat{ font-size:11px; color:var(--muted,#666b75); text-align:end; }
.fnrp-ai2-drv-rail{ height:6px; border-radius:6px; background:rgba(255,255,255,.07); overflow:hidden; }
.fnrp-ai2-drv-fill{ display:block; height:100%; width:0; border-radius:6px; background:var(--muted,#666b75); transition:width .8s cubic-bezier(.22,.85,.2,1); }
.fnrp-ai2-drv.tone-pos .fnrp-ai2-drv-fill{ background:linear-gradient(90deg, rgba(46,189,107,.5), var(--up,#2ebd6b)); }
.fnrp-ai2-drv.tone-neg .fnrp-ai2-drv-fill{ background:linear-gradient(90deg, rgba(246,70,93,.5), var(--down,#f6465d)); }
.fnrp-ai2-drv.tone-pos .fnrp-ai2-drv-stat{ color:var(--up,#2ebd6b); }
.fnrp-ai2-drv.tone-neg .fnrp-ai2-drv-stat{ color:var(--down,#f6465d); }
.fnrp-ai2-empty{ font-size:11.5px; color:var(--muted-2,#494e57); text-align:center; padding:10px; }

/* ── REASONING ──────────────────────────────────────────────────────────── */
.fnrp-ai2-reasons{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:7px; }
.fnrp-ai2-reasons li{
  position:relative; font-size:12px; line-height:1.5; color:var(--text-2,#9ea3ad);
  padding:9px 12px 9px 30px; border-radius:10px;
  background:var(--surface,#0e1014); border:1px solid var(--border,rgba(255,255,255,.06));
}
.fnrp-ai2-reasons li::before{
  content:""; position:absolute; inset-inline-start:12px; top:14px;
  width:7px; height:7px; border-radius:2px; background:var(--accent,#5e9eff); box-shadow:0 0 7px rgba(94,158,255,.5);
}
[dir="rtl"] .fnrp-ai2-reasons li{ padding:9px 30px 9px 12px; }

/* ── FOOTER STATS ───────────────────────────────────────────────────────── */
.fnrp-ai2-stats{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:2px;
  border-radius:12px; overflow:hidden; border:1px solid var(--border-2,rgba(255,255,255,.11));
  background:var(--border-2,rgba(255,255,255,.11));
}
.fnrp-ai2-stat{ display:flex; flex-direction:column; align-items:center; gap:3px; padding:11px 6px; background:var(--surface,#0e1014); }
.fnrp-ai2-stat .k{ font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--muted-2,#494e57); }
[dir="rtl"] .fnrp-ai2-stat .k{ letter-spacing:0; }
.fnrp-ai2-stat .v{ font-family:var(--mono, monospace); font-size:13px; font-weight:900; color:var(--text,#fbfbfc); }

/* ── Mobile ─────────────────────────────────────────────────────────────── */
@media (max-width:600px){
  .fnrp-ai-overlay{ padding:0; }
  .fnrp-ai-modal{ width:100%; height:100%; max-height:100%; border-radius:0; }
  .fnrp-ai2-dir{ font-size:28px; }
}

/* ════════════════════════════════════════════════════════════════════════
   SCENARIO SIMULATOR — prominent, tactile, carbon (the hero tool of the card)
   ════════════════════════════════════════════════════════════════════════ */
.fnrp-ai2-scn{ gap:0; }
/* prominent header so the tool can't be missed while scrolling */
.fnrp-ai2-scn-head{ display:flex; align-items:center; gap:10px; padding:0 2px 10px; }
.fnrp-ai2-scn-ic{
  flex:0 0 auto; width:30px; height:30px; padding:6px; border-radius:9px; color:var(--accent,#5e9eff);
  background:var(--accent-bg,rgba(94,158,255,.12)); border:1px solid rgba(94,158,255,.3);
  box-shadow:0 4px 14px -6px rgba(94,158,255,.5); box-sizing:border-box;
}
.fnrp-ai2-scn-htxt{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:1px; }
.fnrp-ai2-scn-title{ font-size:13px; font-weight:800; letter-spacing:.01em; color:var(--text,#fbfbfc); }
.fnrp-ai2-scn-hint{ font-size:10.5px; color:var(--muted,#666b75); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fnrp-ai2-scn-badge{
  flex:0 0 auto; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  color:var(--accent,#5e9eff); padding:4px 8px; border-radius:7px;
  background:var(--accent-bg,rgba(94,158,255,.12)); border:1px solid rgba(94,158,255,.3);
}
[dir="rtl"] .fnrp-ai2-scn-badge{ letter-spacing:0; }

/* the simulator card — accent-tinted so it visually stands apart */
.fnrp-ai2-scn-card{
  position:relative; display:flex; flex-direction:column; gap:13px; padding:14px;
  border-radius:14px; overflow:hidden;
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(94,158,255,.06), transparent 60%),
    var(--surface,#0e1014);
  border:1px solid rgba(94,158,255,.22);
  box-shadow:0 10px 34px -20px rgba(94,158,255,.4), 0 1px 0 0 rgba(255,255,255,.04) inset;
}
.fnrp-ai2-scn-card::after{ content:""; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,rgba(94,158,255,.55),transparent); }

/* big segmented direction toggle */
.fnrp-ai2-scn-dir{ display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:5px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid var(--border,rgba(255,255,255,.06)); }
.fnrp-ai2-scn-dir .scn-d{
  padding:11px 10px; border-radius:9px; cursor:pointer; font-size:13px; font-weight:800;
  color:var(--muted,#666b75); background:transparent; border:1px solid transparent;
  transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.fnrp-ai2-scn-dir .scn-d:hover{ color:var(--text-2,#9ea3ad); }
.fnrp-ai2-scn[data-dir="long"]  .scn-d[data-dir="long"].is-active{ color:var(--up,#2ebd6b);   background:rgba(46,189,107,.14);  border-color:rgba(46,189,107,.45); box-shadow:0 4px 16px -8px rgba(46,189,107,.6); }
.fnrp-ai2-scn[data-dir="short"] .scn-d[data-dir="short"].is-active{ color:var(--down,#f6465d); background:rgba(246,70,93,.14); border-color:rgba(246,70,93,.45); box-shadow:0 4px 16px -8px rgba(246,70,93,.6); }

.fnrp-ai2-scn-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.fnrp-ai2-scn-f{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.fnrp-ai2-scn-f > span{ font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--muted,#666b75); display:flex; align-items:center; justify-content:space-between; }
[dir="rtl"] .fnrp-ai2-scn-f > span{ letter-spacing:0; }
.fnrp-ai2-scn-f > span b{ color:var(--accent,#5e9eff); font-size:12.5px; letter-spacing:0; font-family:var(--mono,monospace); }
.fnrp-ai2-scn-f input[type="number"]{
  width:100%; box-sizing:border-box; padding:10px; border-radius:10px;
  font-family:var(--mono,monospace); font-size:13.5px; font-weight:700; direction:ltr; text-align:start;
  color:var(--text,#fbfbfc); background:var(--bg,#08090b);
  border:1px solid var(--border-2,rgba(255,255,255,.11)); outline:none;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.fnrp-ai2-scn-f input[type="number"]:focus{ border-color:var(--accent,#5e9eff); background:var(--bg-2,#0b0c0e); box-shadow:0 0 0 3px var(--accent-bg,rgba(94,158,255,.14)); }
.fnrp-ai2-scn-f input[type="number"]:hover{ border-color:rgba(255,255,255,.2); }

/* premium leverage slider with value-based fill (--fill set from JS) */
.fnrp-ai2-scn-lev{ grid-column:1 / -1; }
.fnrp-ai2-scn-lev input[type="range"]{ -webkit-appearance:none; appearance:none; width:100%; height:8px; border-radius:8px; outline:none; cursor:pointer;
  background:linear-gradient(90deg, var(--accent,#5e9eff) 0, var(--accent,#5e9eff) var(--fill,9%), rgba(255,255,255,.09) var(--fill,9%), rgba(255,255,255,.09) 100%); }
.fnrp-ai2-scn-lev input[type="range"]::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; width:20px; height:20px; border-radius:50%; background:var(--accent,#5e9eff); border:3px solid var(--surface,#0e1014); box-shadow:0 2px 10px rgba(0,0,0,.5),0 0 0 1px rgba(94,158,255,.4),0 0 12px rgba(94,158,255,.5); cursor:pointer; transition:transform .12s ease; }
.fnrp-ai2-scn-lev input[type="range"]::-webkit-slider-thumb:hover{ transform:scale(1.12); }
.fnrp-ai2-scn-lev input[type="range"]::-moz-range-thumb{ width:18px; height:18px; border-radius:50%; background:var(--accent,#5e9eff); border:3px solid var(--surface,#0e1014); box-shadow:0 2px 10px rgba(0,0,0,.5),0 0 10px rgba(94,158,255,.5); cursor:pointer; }

.fnrp-ai2-scn-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.fnrp-ai2-scn-s{ display:flex; flex-direction:column; gap:4px; padding:10px 8px; border-radius:11px; background:var(--bg,#08090b); border:1px solid var(--border,rgba(255,255,255,.06)); text-align:center; }
.fnrp-ai2-scn-s .k{ font-size:9px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--muted-2,#494e57); }
[dir="rtl"] .fnrp-ai2-scn-s .k{ letter-spacing:0; }
.fnrp-ai2-scn-s .v{ font-family:var(--mono,monospace); font-size:13px; font-weight:800; color:var(--text,#fbfbfc); direction:ltr; unicode-bidi:isolate; }
.fnrp-ai2-scn-s.warn{ border-color:rgba(246,176,36,.3); }
.fnrp-ai2-scn-s.warn .v{ color:#fbbf24; }

.fnrp-ai2-scn-pnl{ display:flex; flex-direction:column; gap:9px; padding-top:2px; }
.fnrp-ai2-scn-row{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; }
.fnrp-ai2-scn-row .k{ font-size:11px; font-weight:700; color:var(--text-2,#9ea3ad); white-space:nowrap; }
.fnrp-ai2-scn-row .bar{ height:9px; border-radius:6px; background:rgba(255,255,255,.06); overflow:hidden; }
.fnrp-ai2-scn-row .bar i{ display:block; height:100%; width:0; border-radius:6px; transition:width .4s cubic-bezier(.22,.85,.2,1); background:var(--muted,#666b75); }
.fnrp-ai2-scn-row.pos .bar i{ background:linear-gradient(90deg, rgba(46,189,107,.5), var(--up,#2ebd6b)); box-shadow:0 0 10px rgba(46,189,107,.4); }
.fnrp-ai2-scn-row.neg .bar i{ background:linear-gradient(90deg, rgba(246,70,93,.5), var(--down,#f6465d)); box-shadow:0 0 10px rgba(246,70,93,.4); }
.fnrp-ai2-scn-row .v{ font-family:var(--mono,monospace); font-size:13px; font-weight:800; white-space:nowrap; direction:ltr; unicode-bidi:isolate; color:var(--text,#fbfbfc); }
.fnrp-ai2-scn-row.pos .v{ color:var(--up,#2ebd6b); }
.fnrp-ai2-scn-row.neg .v{ color:var(--down,#f6465d); }
.fnrp-ai2-scn-note{ font-size:9.5px; line-height:1.5; color:var(--muted-2,#494e57); }

/* ── Respect reduced-motion ─────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce){
  .fnrp-ai2, .fnrp-ai-modal, .fnrp-ai-overlay,
  .fnrp-ai2-gauge-svg .g-val, .fnrp-ai2-align-bar i, .fnrp-ai2-rr-risk, .fnrp-ai2-rr-rew,
  .fnrp-ai2-drv-fill, .fnrp-ai2-tf, .fnrp-ai2-cell, .fnrp-ai2-tf-rail i,
  .fnrp-ai2-scn-row .bar i, .fnrp-ai2-scn-dir .scn-d, .fnrp-ai2-scn-f input,
  .fnrp-ai2-scn-lev input[type="range"]::-webkit-slider-thumb{
    transition:none !important; animation:none !important;
  }
  .fnrp-ai2-live{ animation:none !important; }
}