/* =====================================================================================================
   PF41 public theme (2026-11-01): deep navy canvas, teal/blue glows, glass surfaces, pill navigation.
   Presentation only. Loaded LAST (after pf41.css / pf41-ui.css) and only overrides tokens and look.
   Fonts: IBM Plex Sans Arabic (text) + Inter with tabular numbers (prices).
   ===================================================================================================== */
html:root[data-theme="dark"]{
  --bg:#070b14; --bg-2:#0b1220; --surface:rgba(255,255,255,.035); --surface-2:rgba(255,255,255,.06);
  --border:rgba(255,255,255,.08); --border-2:rgba(255,255,255,.16);
  --text:#e8eef7; --text-2:#8a97ab; --text-3:#7a879b; --text-strong:#f4f8fd;
  --brand:#22e3b6; --brand-2:#5b8cff; --brand-soft:rgba(34,227,182,.13);
  --up:#22d39a; --up-soft:rgba(34,211,154,.14); --down:#ff5b6e; --down-soft:rgba(255,91,110,.14);
  --pf-positive-rgb:34,211,154; --pf-negative-rgb:255,91,110; --pf-cyan-rgb:34,227,182;
  --bg-soft:var(--bg-2); --card:rgba(255,255,255,.035); --card-hover:rgba(255,255,255,.06); --line:var(--border); --line-soft:var(--border);
  --muted:var(--text-2); --muted-2:var(--text-3); --ok:var(--up); --bad:var(--down); --info:var(--brand-2);
  --action:var(--brand); --action-ink:#03231c; --crypto:#9db4ff;
  --pf-bg:var(--bg); --pf-surface:var(--surface); --pf-raised:var(--surface-2); --pf-border:var(--border); --pf-text:var(--text); --pf-muted:var(--text-2);
  --pf-cyan:var(--brand); --pf-card:var(--surface); --pf-line:var(--border);
  --grad:linear-gradient(120deg,var(--brand),var(--brand-2)); --brand-gradient:linear-gradient(90deg,var(--brand),var(--brand-2));
  --shadow:0 1px 0 rgba(255,255,255,.05) inset,0 14px 34px rgba(0,0,0,.38);
  --pf41-r:18px;
}
html:root[data-theme="light"]{ --brand-2:#3b6cf0; --pf41-r:18px }

html,body{font-family:'IBM Plex Sans Arabic','Inter',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif}
html[lang="en"] body,html[lang="es"] body,html[lang="pt-BR"] body,html[lang="tr"] body{font-family:'Inter','IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif}
.pf41-num,.pf41-coin>strong,.pf41-pill,[dir="ltr"]>b,bdi[dir="ltr"],.pf41-coin-meta,td[dir="ltr"],.pf41-ref-pulse b{font-family:'Inter','IBM Plex Sans Arabic',system-ui,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

html:root[data-theme="dark"] body{
  background-color:var(--bg);
  background-image:radial-gradient(900px 520px at 88% -10%,rgba(34,227,182,.11),transparent 62%),
                   radial-gradient(800px 480px at 4% 2%,rgba(91,140,255,.10),transparent 60%),
                   linear-gradient(180deg,#070b14 0%,#060a12 100%);
  background-repeat:no-repeat;background-attachment:fixed;color:var(--text);min-height:100vh}

/* ---------- Sticky blurred header ---------- */
.pf41-reference-header{background:rgba(7,11,20,.72);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);
  border-bottom:1px solid var(--border);position:sticky;top:0;z-index:70}
html:root[data-theme="light"] .pf41-reference-header{background:rgba(242,246,251,.8)}
@media(max-width:1200px){.pf41-reference-header{-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}}
.pf41-ref-logo{display:flex;align-items:center;gap:10px}
.pf41-ref-logo i{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#03231c;font:800 13px 'Inter',sans-serif;box-shadow:0 6px 18px -6px rgba(34,227,182,.6)}
.pf41-ref-logo span{display:flex;flex-direction:column;line-height:1.05;font:800 18px 'Inter',sans-serif;letter-spacing:.02em}
.pf41-ref-logo span::after{content:"CRYPTO RADAR";margin-top:3px;font:600 8.5px 'Inter',sans-serif;letter-spacing:.2em;color:var(--text-2)}

/* segmented pill navigation with active glow */
.pf41-ref-nav{align-items:center;gap:2px;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--surface);min-width:0}
@media(min-width:1201px){.pf41-ref-nav{display:flex}}
@media(max-width:1200px){.pf41-ref-nav{display:none}}
.pf41-ref-nav a{min-height:38px;padding:0 11px;gap:6px;border-radius:999px;color:var(--text-2);font-weight:600;font-size:13.5px}
.pf41-ref-nav a:hover{background:var(--surface-2);color:var(--text)}
html:root .pf41-ref-nav a[aria-current="page"]{background:linear-gradient(135deg,rgba(34,227,182,.42),rgba(91,140,255,.34));border-color:rgba(34,227,182,.8);color:#fff;font-weight:700;
  box-shadow:inset 0 0 0 1px rgba(34,227,182,.65),inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(34,227,182,.3),0 0 22px rgba(34,227,182,.5),0 8px 26px -6px rgba(91,140,255,.55)}
html:root[data-theme="light"] .pf41-ref-nav a[aria-current="page"]{color:var(--text)}
html:root .pf41-ref-nav a[aria-current="page"] .pf41-nav-icon svg{stroke:var(--brand)}

.pf41-reference-header .site-search,.pf41-reference-header .ss-toggle,.pf41-ref-theme,.pf41-reference-header .pf41-language-menu summary{background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text)}
.pf41-ref-account,.btn,a.btn,button.btn{background:linear-gradient(135deg,var(--brand),#18c9d4 55%,var(--brand-2));color:#03231c!important;border:0;border-radius:999px;font-weight:700;
  box-shadow:0 8px 22px -8px rgba(34,227,182,.65)}
.pf41-ref-account{min-height:40px;padding:0 20px;font-size:13.5px}
.pf41-ref-login,.btn-outline{border:1px solid var(--border-2);border-radius:999px;background:var(--surface);color:var(--text)}

/* price ticker strip under the header */
.pf41-ref-pulse{min-height:40px;gap:22px;border-top:1px solid var(--border);color:var(--text-2);font-size:12px}
.pf41-live-label i{background:var(--up);box-shadow:0 0 0 4px rgba(34,211,154,.16)}

/* ---------- Cards ---------- */
.pf41-card,.cb-card,.pf41-extra-card,.an-metric,.wm-tile,.pf41-panel,.plan-card,.package-card,.site-footer{
  border:1px solid var(--border);border-radius:var(--pf41-r);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:var(--shadow)}
html:root[data-theme="dark"] .pf41-card,html:root[data-theme="dark"] .pf41-coin{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border-color:var(--border)}
html:root[data-theme="light"] .pf41-card,html:root[data-theme="light"] .pf41-coin{background:#fff}
.pf41-coin{border-radius:var(--pf41-r);padding:16px 16px 14px;gap:10px}
.pf41-coin::before{display:none}
.pf41-coin:hover{border-color:rgba(34,227,182,.4);box-shadow:0 14px 34px -14px rgba(34,227,182,.35)}
.pf41-coin>strong{font-size:clamp(17px,1.5vw,22px);font-weight:700;letter-spacing:-.03em;color:var(--text-strong)}
.pf41-coin-head>b{font-size:14px}
.pf41-spark{height:42px}.pf41-coin .pf41-spark polyline{stroke-width:2}

/* coloured change chips */
.pf41-pill{border-radius:999px;padding:4px 10px;font-weight:700;font-size:12px}
.pf41-pill.up{background:var(--up-soft);color:var(--up);box-shadow:inset 0 0 0 1px rgba(34,211,154,.25)}
.pf41-pill.down{background:var(--down-soft);color:var(--down);box-shadow:inset 0 0 0 1px rgba(255,91,110,.25)}
.up{color:var(--up)}.down{color:var(--down)}

/* tables, inputs */
table{border-color:var(--border)}
th{color:var(--text-2);font-weight:600}
td,th{border-color:var(--border)}
input,select,textarea{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:12px;color:var(--text)}
input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:0;box-shadow:0 0 0 3px rgba(34,227,182,.18)}

/* ---------- Mobile: drawer + bottom bar, no horizontal scroll ---------- */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
@media(max-width:1200px){
  .pf41-ref-mobile .pf41-ref-mobile-menu{background:rgba(9,14,25,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--border)}
  .pf41-ref-mobile>summary{border-radius:999px;background:var(--surface)}
}
@media(max-width:700px){
  .pf41-ref-logo span::after{display:none}
  .pf41-bottom-nav{background:rgba(9,14,25,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}
  .pf41-bottom-nav a{color:var(--text-2);border-radius:14px}
  .pf41-bottom-nav a[aria-current="page"]{color:var(--brand);background:linear-gradient(180deg,rgba(34,227,182,.16),rgba(34,227,182,.04));box-shadow:0 0 18px -6px rgba(34,227,182,.6)}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .pf41-wrap,.pf41-ref-wrap{min-width:0}
  .pf41-card{overflow-x:auto}
  .pf41-coin>strong{font-size:18px}
  .pf41-reference-header .pf41-ref-hdr{flex-wrap:nowrap;min-width:0}
  .pf41-ref-actions{margin-inline-start:auto;min-width:0}
  table{display:block;overflow-x:auto;max-width:100%}
}

/* ---------- Admin bot dashboard (Filament): same palette, readable text ---------- */
.fi-body:has(.pf41-bot),.fi-body .pf41-bot{font-family:'IBM Plex Sans Arabic','Inter',system-ui,sans-serif}
.pf41-bot{font-size:15.5px;line-height:1.8;color:#e8eef7}
.pf41-bot h2{font-size:20px;font-weight:700;color:#f4f8fd}
.pf41-bot table{display:table;width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.03);font-variant-numeric:tabular-nums}
.pf41-bot th{background:rgba(255,255,255,.05);color:#8a97ab;font-size:14px;font-weight:600;padding:10px 12px;text-align:right;white-space:nowrap}
.pf41-bot td{padding:10px 12px;border-top:1px solid rgba(255,255,255,.08);font-size:15px;text-align:right;white-space:nowrap}
.pf41-bot .pos{color:#22d39a;font-weight:700}.pf41-bot .neg{color:#ff5b6e;font-weight:700}
.pf41-bot small,.pf41-bot .muted{color:#8a97ab;font-size:14px}

/* compact header controls so the pill navigation never collides with search/actions */
@media(min-width:1201px) and (max-width:1380px){
  .pf41-ref-nav a{padding:0 9px;font-size:13px}.pf41-ref-nav a .pf41-nav-icon{display:none}
  .pf41-reference-header .site-search{flex:0 1 120px;min-width:96px}
}

/* grid children may shrink: nothing forces the page wider than the viewport (375px) */
.pf41-hero-grid>*,.pf41-grid-2>*,.pf41-grid-3>*,.pf41-side-grid>*,.pf41-coins>*,.pf41-home>*{min-width:0}
@media(max-width:980px){.pf41-hero-grid,.pf41-grid-2,.pf41-grid-3,.pf41-side-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.pf41-chart-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pf41-coins{grid-template-columns:repeat(2,minmax(0,1fr))}.pf41-ref-pulse{overflow-x:auto;max-width:100%}}

/* BTC card: any flash follows the SIGN of the 24h change (data-sign), never a tick direction, and stays brief */
.pf41-btc-card[data-sign="up"] .lp-down{animation-name:lpUpOnce}
.pf41-btc-card[data-sign="down"] .lp-up{animation-name:lpDownOnce}
.pf41-btc-card[data-sign="up"].lp-card-down,.pf41-btc-card[data-sign="up"] .lp-card-down{animation-name:lpCardUp}
.pf41-btc-card[data-sign="down"].lp-card-up,.pf41-btc-card[data-sign="down"] .lp-card-up{animation-name:lpCardDown}
.pf41-btc-card .pf41-big{background:none!important;box-shadow:none}

/* movers board (unusual activity fallback) */
.pf41-movers-note{margin:0 0 8px;padding:8px 12px;border:1px dashed var(--border-2);border-radius:12px;color:var(--text-2);font-size:13px}
.pf41-movers-note.is-strong{border-color:rgba(34,227,182,.5);color:var(--brand)}
.pf41-movers-24h{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;font:600 12px 'Inter',sans-serif}
.pf41-movers-24h a{text-decoration:none}

/* Native dropdowns/inputs follow the theme (the open list of a <select> was white-on-white in dark mode). */
html:root[data-theme="dark"]{color-scheme:dark}
html:root[data-theme="light"]{color-scheme:light}
html:root[data-theme="dark"] select,html:root[data-theme="dark"] option,html:root[data-theme="dark"] optgroup,
html:root[data-theme="dark"] .tc-financial select,html:root[data-theme="dark"] .tc-financial option,html:root[data-theme="dark"] .tc-financial optgroup,
html:root[data-theme="dark"] .tc-chart select,html:root[data-theme="dark"] datalist,html:root[data-theme="dark"] datalist option{background-color:#0b1220;color:#e8eef7}
html:root[data-theme="dark"] option:checked,html:root[data-theme="dark"] option:hover,html:root[data-theme="dark"] option:focus{background:linear-gradient(0deg,rgba(34,227,182,.28),rgba(34,227,182,.28)),#0b1220;color:#fff}
html:root[data-theme="dark"] optgroup{color:#8a97ab;font-style:normal}
html:root[data-theme="dark"] option:disabled{color:#5f6c80}
html:root[data-theme="dark"] input::placeholder,html:root[data-theme="dark"] textarea::placeholder{color:#7a879b}
html:root[data-theme="dark"] input:-webkit-autofill{-webkit-text-fill-color:#e8eef7;box-shadow:0 0 0 40px #0b1220 inset}
html:root[data-theme="dark"] .tc-financial,html:root[data-theme="dark"] .tc-chart{color-scheme:dark}
html:root[data-theme="light"] select,html:root[data-theme="light"] option,html:root[data-theme="light"] optgroup{background-color:#fff;color:#0f172a}
html:root[data-theme="light"] option:checked,html:root[data-theme="light"] option:hover{background:#d9f7ee;color:#0f172a}

/* «قراءة آلية» panel, its stats card and the PF41 Live Signal card: theme variables for both modes. The base file hard-codes a dark
   teal panel and the generic `.card:hover` swaps its background, which made text vanish on hover. */
html:root[data-theme="dark"]{
  --pf-reading-bg:#0f1a2b; --pf-reading-border:rgba(255,255,255,.12); --pf-reading-muted:#a3b2c8; --pf-reading-text:#eef3fa; --pf-reading-line:rgba(255,255,255,.12);
  --pf-reading-cell:rgba(255,255,255,.05); --pf-reading-field:rgba(255,255,255,.05);
}
html:root[data-theme="light"]{
  --pf-reading-bg:#ffffff; --pf-reading-border:#cfd9e8; --pf-reading-muted:#4a5b73; --pf-reading-text:#0e1a2c; --pf-reading-line:#dde5f0;
  --pf-reading-cell:#f1f5fb; --pf-reading-field:#f1f5fb; --pf-positive:#0a8f64; --pf-negative:#c8283d;
}
.pf41-reading,.pf41-reading.card,.pf41-reading.card:hover,.pf41-reading-stats,.pf41-reading-stats.card:hover{
  background:var(--pf-reading-bg)!important;color:var(--pf-reading-text);border-color:var(--pf-reading-border)!important;transform:none!important;box-shadow:none!important}
.pf41-reading-metric{background:var(--pf-reading-cell)!important}
.pf41-reading-stats h2,.pf41-stat-grid b{color:var(--pf-reading-text)!important}
.pf41-stat-grid>div{background:var(--pf-reading-cell)!important}
.pf41-stat-grid small{color:var(--pf-reading-muted)!important}
.pf41-rsi-gauge:before{background:var(--pf-reading-bg)}
.pf41-reading-table,.pf41-reading-table tbody,.pf41-reading-table tr,.pf41-reading-table th,.pf41-reading-table td{background:transparent!important;border-color:var(--pf-reading-line)!important}
.pf41-reading-table{border:0}
.pf41-reading-table th{color:var(--pf-reading-muted)!important;font-size:12px;font-weight:600}
.pf41-reading-table td{color:var(--pf-reading-text)!important;font-size:13px;font-weight:750}
.pf41-reading-table tr:nth-child(even),.pf41-reading-table tr:hover{background:var(--pf-reading-cell)!important}
.pf41-reading-timeframes b,.pf41-reading-summary,.pf41-reading-score b,.pf41-reading-metric>b{color:var(--pf-reading-text)}
.pf41-reading-timeframes b.is-up,.pf41-reading-metric b.is-up,.pf41-reading-verdict.is-up,.pf41-reading-verdict.is-strong_up{color:var(--pf-positive)}
.pf41-reading-timeframes b.is-down,.pf41-reading-metric b.is-down,.pf41-reading-verdict.is-down,.pf41-reading-verdict.is-strong_down{color:var(--pf-negative)}
.pf41-reading-timeframes b.is-neutral{color:var(--pf-reading-muted)}
.pf41-reading-summary{font-size:11px}
.pf41-reading-cta{color:#03231c!important}

/* PF41 Live Signal card (partials/live-signal-card.blade.php) */
html:root[data-theme="dark"]{--pfls-bg:rgba(255,255,255,.04);--pfls-border:rgba(255,255,255,.12);--pfls-text:#eef3fa;--pfls-muted:#a3b2c8;--pfls-cell:rgba(255,255,255,.05);
  --pfls-ok:#7dffd0;--pfls-warn:#ffd27a;--pfls-btn:rgba(255,255,255,.08)}
html:root[data-theme="light"]{--pfls-bg:#ffffff;--pfls-border:#cfd9e8;--pfls-text:#0e1a2c;--pfls-muted:#4a5b73;--pfls-cell:#f1f5fb;
  --pfls-ok:#0a8f64;--pfls-warn:#8a5a00;--pfls-btn:#eef2f8}
.pfls{background:var(--pfls-bg)!important;border-color:var(--pfls-border)!important;color:var(--pfls-text)!important;transform:none!important;box-shadow:none!important}
.pfls h2,.pfls-grid dd{color:var(--pfls-text)!important}
.pfls small,.pfls-head small,.pfls-msg,.pfls-grid dt,.pfls-note,.pfls-min{color:var(--pfls-muted)!important}
.pfls-grid div{background:var(--pfls-cell)!important}
.pfls-reasons,.pfls-cond{color:var(--pfls-text)!important}
.pfls-cond .ok{color:var(--pfls-ok)!important}.pfls-cond .no{color:var(--pfls-muted)!important}
.pfls-warn p{color:var(--pfls-warn)!important}
.pfls-tfs button{color:var(--pfls-muted)!important}.pfls-tfs button.on{color:var(--pfls-text)!important}
.pfls-btn{background:var(--pfls-btn)!important;color:var(--pfls-text)!important;border-color:var(--pfls-border)!important}.pfls-btn.on{border-color:var(--pfls-ok)!important;color:var(--pfls-ok)!important}
.pfls-ack{background:#e5384f!important;border-color:#e5384f!important;color:#fff!important}
.pfls-badge{color:var(--pfls-text)}
html:root[data-theme="light"] .pfls-badge.is-entry{background:#d3f5e8;color:#06694a}
html:root[data-theme="light"] .pfls-badge.is-in_trade{background:#dbe6ff;color:#1b3f9a}
html:root[data-theme="light"] .pfls-badge.is-exit{background:#fde0e4;color:#a3182c}
.pfls-min input{background:var(--pfls-cell)!important;color:var(--pfls-text)!important;border:1px solid var(--pfls-border)!important}

/* Inline «الفرص الحالية» cards (partials/opportunity-cards.blade.php): one row of 4 equal ~140px slots, freshness stages in both modes. */
html:root[data-theme="dark"]{--oc-bg:#0f1a2b;--oc-text:#eef3fa;--oc-muted:#a3b2c8;--oc-cell:rgba(255,255,255,.05);--oc-line:rgba(255,255,255,.14);--oc-accent:#8ab4ff;--oc-timer:#ffd27a;
  --oc-fresh:#19e39a;--oc-fresh-glow:rgba(25,227,154,.38);--oc-watch:#ffb020;--oc-late:#7c8798;--oc-up:#4be3a5;--oc-down:#ff6b7d;--oc-over:#ff9f43;--oc-over-ink:#2a1500;--oc-dash:rgba(255,255,255,.22)}
html:root[data-theme="light"]{--oc-bg:#ffffff;--oc-text:#0e1a2c;--oc-muted:#4a5b73;--oc-cell:#f1f5fb;--oc-line:#cfd9e8;--oc-accent:#1d4ed8;--oc-timer:#a85a00;
  --oc-fresh:#0a9d68;--oc-fresh-glow:rgba(10,157,104,.32);--oc-watch:#d98200;--oc-late:#8a95a6;--oc-up:#0a8f64;--oc-down:#c8283d;--oc-over:#d9480f;--oc-over-ink:#fff;--oc-dash:#b4c2d8}
.pf41-oc{margin:0 0 16px}
.pf41-oc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}
.pf41-oc-head h2{margin:0;font-size:18px}
.pf41-oc-head small{color:var(--oc-muted);letter-spacing:.08em}
.pf41-oc-all{color:var(--oc-accent);font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap}
.pf41-oc.is-empty .pf41-oc-head{margin-bottom:2px}
.pf41-oc-slim{margin:0;padding:7px 12px;border:1px dashed var(--oc-dash);border-radius:10px;color:var(--oc-muted);font-size:13px}
.pf41-oc-slim[hidden],.pf41-oc-grid[hidden]{display:none}
.pf41-oc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pf41-oc-card,.pf41-oc-card:hover,.pf41-oc-slot{height:140px;box-sizing:border-box;border-radius:12px;min-width:0}
.pf41-oc-card,.pf41-oc-card:hover{display:flex;flex-direction:column;gap:5px;padding:8px 10px;overflow:hidden;background:var(--oc-bg)!important;color:var(--oc-text)!important;
  border:2px solid var(--oc-line);text-decoration:none;transform:none!important;transition:border-color .25s,box-shadow .25s}
.pf41-oc-card:hover{border-color:var(--oc-accent);filter:brightness(1.04)}
.pf41-oc-card.is-fresh{border-color:var(--oc-fresh);box-shadow:0 0 0 1px var(--oc-fresh),0 0 16px var(--oc-fresh-glow)}
.pf41-oc-card.is-watch{border-color:var(--oc-watch)}
.pf41-oc-card.is-late{border-color:var(--oc-line);opacity:.8}
.pf41-oc-card.is-late .pf41-oc-title,.pf41-oc-card.is-late .pf41-oc-timer{color:var(--oc-late)!important}
.pf41-oc-slot{display:flex;align-items:center;justify-content:center;border:2px dashed var(--oc-dash);color:var(--oc-muted);font-size:13px;opacity:.8}
.pf41-oc-top{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;min-width:0}
.pf41-oc-stage,.pf41-oc-over{font-size:10px;font-weight:800;padding:1px 7px;border-radius:999px;white-space:nowrap;flex:0 0 auto}
.pf41-oc-card.is-fresh .pf41-oc-stage{background:var(--oc-fresh);color:#02241a}
.pf41-oc-card.is-watch .pf41-oc-stage{background:var(--oc-watch);color:#2a1a00}
.pf41-oc-card.is-late .pf41-oc-stage{background:var(--oc-cell);color:var(--oc-muted);border:1px solid var(--oc-line)}
.pf41-oc-over{background:var(--oc-over);color:var(--oc-over-ink)}
.pf41-oc-title{font-size:16px;font-weight:700;color:var(--oc-accent)!important;display:flex;align-items:baseline;gap:1px;flex:0 0 auto}
.pf41-oc-title small{font-size:10px;font-weight:600;color:var(--oc-muted)}
.pf41-oc-timer{font-size:11px;font-weight:700;color:var(--oc-timer)!important;font-variant-numeric:tabular-nums;margin-inline-start:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pf41-oc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0}
.pf41-oc-stats div{background:var(--oc-cell);border-radius:7px;padding:2px 6px;min-width:0}
.pf41-oc-stats dt{font-size:9.5px;line-height:1.25;color:var(--oc-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf41-oc-stats dd{margin:0;font-size:12px;font-weight:700;color:var(--oc-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf41-oc-stats dd.is-up{color:var(--oc-up)!important}.pf41-oc-stats dd.is-down{color:var(--oc-down)!important}
.pf41-oc-type{color:var(--oc-muted)!important;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:820px){
  .pf41-oc-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:thin}
  .pf41-oc-card,.pf41-oc-card:hover,.pf41-oc-slot{flex:0 0 min(78%,300px);scroll-snap-align:start}
}
@media (prefers-reduced-motion:no-preference){.pf41-oc-card.is-fresh{animation:pf41-oc-pulse 2.4s ease-in-out infinite}}
@keyframes pf41-oc-pulse{50%{box-shadow:0 0 0 1px var(--oc-fresh),0 0 24px var(--oc-fresh-glow)}}

/* Radar history of ended opportunities (crypto/index.blade.php) */
.pf41-oc-history{margin:14px 0 0;overflow-x:auto}
.pf41-oc-history h3{margin:0 0 4px;font-size:16px}
.pf41-oc-history p{margin:0 0 8px;color:var(--oc-muted);font-size:13px}
.pf41-oc-history table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.pf41-oc-history th,.pf41-oc-history td{padding:6px 10px;border-top:1px solid var(--oc-line);text-align:start;white-space:nowrap;background:transparent!important;color:var(--oc-text)!important}
.pf41-oc-history th{color:var(--oc-muted)!important;font-weight:600;font-size:12px}
.pf41-oc-history .is-up{color:var(--oc-up)!important;font-weight:700}.pf41-oc-history .is-down{color:var(--oc-down)!important;font-weight:700}
/* Radar table status badge: the colour follows the price direction (↑ green, ↓ red); the tooltip says why. */
html:root[data-theme="dark"]{--cb-up:#4be3a5;--cb-up-bg:rgba(34,211,154,.16);--cb-up-line:rgba(34,211,154,.45);--cb-down:#ff6b7d;--cb-down-bg:rgba(255,91,110,.16);--cb-down-line:rgba(255,91,110,.45)}
html:root[data-theme="light"]{--cb-up:#0a7a55;--cb-up-bg:#d9f5ea;--cb-up-line:#8fd9bb;--cb-down:#b3202f;--cb-down-bg:#fde3e6;--cb-down-line:#f0a5ae}
.crypto-page .crypto-opportunity.dir-up{color:var(--cb-up)!important;background:var(--cb-up-bg)!important;border-color:var(--cb-up-line)!important;cursor:help}
.crypto-page .crypto-opportunity.dir-down{color:var(--cb-down)!important;background:var(--cb-down-bg)!important;border-color:var(--cb-down-line)!important;cursor:help}

/* /notifications/preferences: one simple card (RTL, light + dark) */
html:root[data-theme="dark"]{--np-bg:#0f1a2b;--np-line:rgba(255,255,255,.14);--np-text:#eef3fa;--np-muted:#a3b2c8;--np-cell:rgba(255,255,255,.05);--np-on:#19e39a;--np-on-ink:#03231c;--np-warn:#ffd27a;--np-track:#33415a}
html:root[data-theme="light"]{--np-bg:#ffffff;--np-line:#cfd9e8;--np-text:#0e1a2c;--np-muted:#4a5b73;--np-cell:#f1f5fb;--np-on:#0a9d68;--np-on-ink:#ffffff;--np-warn:#8a5a00;--np-track:#b8c4d6}
.pf-np-wrap{max-width:680px;margin:28px auto 60px;padding:0 16px}
.pf-np{background:var(--np-bg);color:var(--np-text);border:1px solid var(--np-line);border-radius:18px;padding:22px 22px 18px}
.pf-np-head h1{margin:0 0 4px;font-size:22px;color:var(--np-text)}
.pf-np-head p{margin:0 0 14px;color:var(--np-muted);font-size:14px}
.pf-np-status,.pf-np-snoozed{margin:0 0 14px;padding:9px 12px;border-radius:10px;background:var(--np-cell);border:1px solid var(--np-line);font-size:14px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pf-np-status.is-warn,.pf-np-snoozed{color:var(--np-warn)}
.pf-np-status a{color:var(--np-on);font-weight:700}
.pf-np-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--np-line);flex-wrap:wrap}
.pf-np-row.is-stack{align-items:flex-start;flex-direction:column}
.pf-np-label{display:flex;flex-direction:column;gap:2px;min-width:110px}
.pf-np-label b{font-size:15px;color:var(--np-text)}
.pf-np-label small{color:var(--np-muted);font-size:12px}
.pf-np-seg{display:inline-flex;background:var(--np-cell);border:1px solid var(--np-line);border-radius:12px;padding:3px;gap:2px;flex-wrap:wrap}
.pf-np-opt{position:relative;cursor:pointer}
.pf-np-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pf-np-opt span{display:block;padding:7px 14px;border-radius:9px;font-size:14px;font-weight:600;color:var(--np-muted);white-space:nowrap}
.pf-np-opt input:checked+span{background:var(--np-on);color:var(--np-on-ink)}
.pf-np-opt input:focus-visible+span{outline:2px solid var(--np-on);outline-offset:2px}
.pf-np-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;position:relative}
.pf-np-switch input[type=checkbox]{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.pf-np-track{width:44px;height:24px;border-radius:999px;background:var(--np-track);position:relative;transition:background .2s;flex:0 0 auto}
.pf-np-track:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:inset-inline-start .2s}
.pf-np-switch input:checked~.pf-np-track{background:var(--np-on)}
.pf-np-switch input:checked~.pf-np-track:after{inset-inline-start:23px}
.pf-np-switch input:focus-visible~.pf-np-track{outline:2px solid var(--np-on);outline-offset:2px}
.pf-np-switch input:disabled~*{opacity:.5}
.pf-np-state{font-weight:700;font-size:14px;min-width:54px;color:var(--np-text)}
.pf-np-chans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.pf-np-chan{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;padding:9px 12px;border:1px solid var(--np-line);border-radius:11px;background:var(--np-cell);cursor:pointer;font-size:14px;color:var(--np-text)}
.pf-np-chan input{width:18px;height:18px;accent-color:var(--np-on);margin:0}
.pf-np-chan small{flex-basis:100%;color:var(--np-muted);font-size:11.5px;padding-inline-start:26px}
.pf-np-chan.is-off{opacity:.7;cursor:not-allowed}
.pf-np-actions{display:flex;justify-content:flex-start;padding-top:14px;border-top:1px solid var(--np-line)}
.pf-np-save{background:var(--np-on);color:var(--np-on-ink);border:0;border-radius:11px;padding:10px 26px;font-size:15px;font-weight:700;cursor:pointer}
.pf-np-snooze{margin-top:12px}
.pf-np-pause,.pf-np-link{background:var(--np-cell);color:var(--np-text);border:1px solid var(--np-line);border-radius:11px;padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer}
.pf-np-link{padding:5px 12px}
@media (max-width:560px){.pf-np{padding:16px 14px}.pf-np-chans{grid-template-columns:1fr}.pf-np-row{flex-direction:column;align-items:flex-start}.pf-np-seg{width:100%}.pf-np-opt{flex:1 1 auto}.pf-np-opt span{text-align:center;padding:8px 10px}}
/* Header shortcuts: favourites (star + count) and the notification bell */
.pf41-ref-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);text-decoration:none}
.pf41-ref-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pf41-ref-icon:hover,.pf41-ref-icon.is-current{color:var(--brand);border-color:var(--brand)}
.pf41-ref-fav:hover svg,.pf41-ref-fav.is-current svg{fill:currentColor}
.pf41-ref-count{position:absolute;top:-5px;inset-inline-end:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand);color:#03231c;font-size:11px;font-weight:800;line-height:18px;text-align:center}
.pf41-ref-count[hidden]{display:none}
.pf41-ref-mobile-menu .pf41-ref-count{position:static;display:inline-block;margin-inline-start:6px;vertical-align:middle}
@media (max-width:560px){.pf41-ref-icon{min-width:40px;height:40px}.pf41-ref-actions{gap:6px}}
/* One-time banner «تفعيل الصوت والإشعارات» and the «جرّب التنبيه» result line */
.pf-alert-banner{position:sticky;top:0;z-index:90;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:10px 16px;background:var(--surface-2,var(--surface));border-bottom:1px solid var(--brand);color:var(--text);font-size:14px;text-align:center}
.pf-alert-banner button{font:inherit;font-weight:700;border-radius:999px;padding:7px 16px;cursor:pointer;min-height:36px}
.pf-alert-banner-yes{background:var(--brand);color:#03231c;border:0}
.pf-alert-banner-no{background:transparent;color:var(--text-2);border:1px solid var(--border)}
.pf-np-test{margin-top:12px}
.pf-np-test-out{margin:8px 0 0;font-size:13px;color:var(--np-muted,var(--text-2));line-height:1.7}
/* Phones: the bell moves into the menu and the language chip keeps only its icon, so the star, search, theme and menu button all fit */
@media (max-width:560px){.pf41-ref-bell{display:none}.pf41-reference-header .pf41-language-menu summary bdi{display:none}.pf41-reference-header .pf41-language-menu summary{padding-inline:10px}}