:root{
  --bg:#081018;--panel:#111b26;--panel2:#0d1620;--text:#edf5ff;--muted:#9fb0c3;--line:rgba(255,255,255,.13);
  --eur:#52a8ff;--btc:#f2a900;--buy:#39d98a;--sell:#ff6878;--neutral:#a8b3c1;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(82,168,255,.18),transparent 30%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit}.wrap{width:min(1180px,calc(100% - 34px));margin:auto}.top{padding:24px 0 64px;border-bottom:1px solid var(--line)}.nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.brand{font-weight:900;font-size:23px;margin-right:auto;letter-spacing:.2px}.nav a{color:var(--muted);text-decoration:none;font-weight:750}.nav a:hover{color:var(--text)}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:11px 15px;background:rgba(255,255,255,.06);font-weight:850;cursor:pointer;color:var(--text);font:inherit}.btn.primary{background:var(--text);color:#081018}.hero{padding:62px 0 20px;max-width:930px}.eyebrow{text-transform:uppercase;color:var(--muted);letter-spacing:.13em;font-size:12px;font-weight:900;margin:0 0 12px}.hero h1{font-size:clamp(38px,7vw,76px);line-height:.96;margin:0 0 20px}.lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.main{margin-top:-34px;padding-bottom:72px}.card{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.24)}.symbol{position:relative;overflow:hidden}.symbol:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--accent)}.symbol.eur{--accent:var(--eur)}.symbol.btc{--accent:var(--btc)}.head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.head h2{font-size:45px;margin:0 0 6px}.tag{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-weight:850;white-space:nowrap}.metricgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.metric{background:rgba(0,0,0,.20);border:1px solid var(--line);border-radius:18px;padding:15px}.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.metric strong{font-size:16px}.signal.BUY{color:var(--buy)}.signal.SELL{color:var(--sell)}.signal.NO_TRADE{color:var(--neutral)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.note{color:var(--muted);line-height:1.65}.chart{width:100%;border:1px solid var(--line);border-radius:18px;background:#05080c;margin-top:14px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:18px;margin-top:14px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);font-size:12px;background:rgba(255,255,255,.04)}tr:last-child td{border-bottom:0}.trade-row{cursor:pointer}.trade-row:hover{background:rgba(255,255,255,.08)}.section{margin-top:22px}.links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.links a{display:block;text-decoration:none;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--text);font-weight:720}.small{font-size:13px;color:var(--muted)}.warning{border-left:5px solid var(--sell)}.ok{border-left:5px solid var(--buy)}.code{background:#05080c;border:1px solid var(--line);border-radius:18px;padding:16px;overflow:auto;color:#cbd8e6}.footer{padding:36px 0;color:var(--muted);border-top:1px solid var(--line)}.backbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.profit-plus{color:var(--buy);font-weight:850}.profit-minus{color:var(--sell);font-weight:850}.chart-actions{display:flex;gap:8px;align-items:center}.rssbox{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:14px}.urlfield{display:block;padding:12px 14px;background:#05080c;border:1px solid var(--line);border-radius:14px;overflow:auto;color:#cbd8e6;white-space:nowrap}.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;padding:26px;z-index:999}.modal.open{display:flex}.modal-card{background:#101a24;border:1px solid var(--line);border-radius:24px;padding:20px;width:min(1180px,100%);max-height:92vh;overflow:auto;box-shadow:0 26px 90px rgba(0,0,0,.55)}.modal-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.modal-head h3{margin:0}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.modal figure{margin:0}.modal figcaption{color:var(--muted);font-size:13px;margin:0 0 8px}.modal img{width:100%;border:1px solid var(--line);border-radius:16px;background:#05080c}.missing-chart{border:1px dashed var(--line);border-radius:16px;padding:22px;color:var(--muted);background:rgba(0,0,0,.18)}@media(max-width:860px){.grid,.metricgrid,.links,.modal-grid,.rssbox{grid-template-columns:1fr}.head{display:block}.tag{display:inline-block;margin-top:8px}.nav .btn.primary{width:100%;justify-content:center}.hero{padding-top:38px}}
.trade-row:focus{outline:2px solid var(--eur);outline-offset:-2px;background:rgba(255,255,255,.08)}
.smallbtn{padding:6px 10px;font-size:12px;white-space:nowrap}
.table-help{color:var(--muted);font-size:14px;line-height:1.55;margin:10px 0 6px}
.rss-preview{display:grid;gap:10px;margin-top:14px}
.rss-preview-item{border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.18);padding:14px}
.rss-preview-item strong{display:block;margin-bottom:5px}.rss-preview-item span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.rss-preview-item p{margin:0;color:var(--muted);line-height:1.5}
.notification-test{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}

.push-status{display:grid;gap:8px;margin-top:14px}.status-line{display:flex;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(0,0,0,.18)}.status-line strong{color:var(--text)}.push-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.push-log{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;min-height:80px}.popup-note{color:var(--muted);font-size:13px;margin-top:8px}@media(max-width:860px){.push-panel{grid-template-columns:1fr}}


/* v0.8 — dopracowany widok popupów OPEN/CLOSE */
body.trade-popup-page{
  background:radial-gradient(circle at 20% 0%,rgba(82,168,255,.13),transparent 30%),#05090f;
}
body.trade-popup-page .top{
  position:sticky;top:0;z-index:40;padding:10px 0 12px;background:rgba(5,9,15,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);
}
body.trade-popup-page .top .wrap, body.trade-popup-page.wrap, body.trade-popup-page .wrap{width:min(1580px,calc(100% - 24px));}
body.trade-popup-page .nav{gap:10px;font-size:13px;}
body.trade-popup-page .brand{font-size:18px;}
body.trade-popup-page .nav a{padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);}
body.trade-popup-page .hero{padding:12px 0 0;max-width:none;}
body.trade-popup-page .eyebrow{margin-bottom:6px;font-size:10px;}
body.trade-popup-page .hero h1{font-size:clamp(24px,3.2vw,42px);line-height:1.05;margin-bottom:8px;}
body.trade-popup-page .lead{font-size:14px;line-height:1.45;margin:0;color:#c4d0dd;max-width:none;}
body.trade-popup-page .main{margin-top:14px;padding-bottom:22px;width:min(1580px,calc(100% - 24px));}
body.trade-popup-page .backbar{position:sticky;top:86px;z-index:30;margin-bottom:10px;background:rgba(5,9,15,.78);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:8px;}
body.trade-popup-page .backbar .btn{padding:8px 11px;font-size:13px;}
body.trade-popup-page .popup-hint{margin:8px 0 12px;color:var(--muted);font-size:13px;}
body.trade-popup-page .card{border-radius:18px;padding:16px;box-shadow:0 18px 54px rgba(0,0,0,.22);}
body.trade-popup-page .section{margin-top:12px;}
body.trade-popup-page .compact-trade-data h2, body.trade-popup-page .popup-chart-card h2{margin-top:0;margin-bottom:12px;font-size:20px;}
body.trade-popup-page .metricgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;}
body.trade-popup-page .metric{padding:10px 12px;border-radius:14px;}
body.trade-popup-page .metric span{margin-bottom:4px;}
body.trade-popup-page .modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
body.trade-popup-page .modal-grid figure{margin:0;background:#02050a;border:1px solid var(--line);border-radius:18px;padding:10px;}
body.trade-popup-page .modal-grid figcaption{margin:0 0 8px;color:#c6d2df;font-size:13px;}
body.trade-popup-page img.chart{display:block;width:100%;max-height:calc(100vh - 310px);object-fit:contain;margin:0;border-radius:12px;background:#000;cursor:zoom-in;}
body.trade-popup-page .footer{padding:16px 0;font-size:12px;}
.image-zoom-layer{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:24px;}
.image-zoom-layer img{max-width:98vw;max-height:96vh;object-fit:contain;border:1px solid var(--line);border-radius:14px;background:#000;}
.image-zoom-close{position:fixed;right:18px;top:18px;z-index:10000;}
@media(max-width:980px){body.trade-popup-page .modal-grid,body.trade-popup-page .metricgrid{grid-template-columns:1fr}body.trade-popup-page img.chart{max-height:none}body.trade-popup-page .backbar{top:70px}}

/* v0.9 — wykresy profitu i słupki 3D */
.performance-section .head h2{margin:0 0 6px;font-size:32px}.performance-shell{display:grid;gap:18px;margin-top:16px}.performance-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{background:rgba(0,0,0,.22);border:1px solid var(--line);border-radius:18px;padding:14px}.stat-card span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.stat-card strong{font-size:20px}.profit-chart-card{background:rgba(0,0,0,.16);border:1px solid var(--line);border-radius:22px;padding:18px;overflow:hidden}.profit-chart-card h3{margin:0 0 8px;font-size:20px}.profit-chart-card .note{margin:0 0 12px}.equity-svg{display:block;width:100%;height:auto;min-height:260px;border-radius:18px;background:linear-gradient(180deg,rgba(82,168,255,.08),rgba(0,0,0,.04));border:1px solid rgba(255,255,255,.08)}.axis-label{fill:#9fb0c3;font-size:12px}.axis-line{stroke:rgba(255,255,255,.14);stroke-width:1}.profit-area{fill:url(#profitAreaGradient)}.profit-line{fill:none;stroke:#78c8ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:url(#profitGlow)}.profit-point{fill:transparent;stroke:#f5fbff;stroke-width:2.2}.profit-ring{fill:rgba(5,12,20,.68);stroke:#f5fbff;stroke-width:2.2;filter:url(#profitGlow);pointer-events:none}.profit-ring.is-last{stroke:#9be7ff;stroke-width:2.6}.profit-zero{stroke:rgba(255,255,255,.22);stroke-width:1;stroke-dasharray:5 6}.profit-caption{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:10px}.bars-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 14px}.bars-toolbar label{background:rgba(0,0,0,.20);border:1px solid var(--line);border-radius:16px;padding:10px 12px;color:var(--muted);font-size:13px}.bars-toolbar strong{color:var(--text)}.bars-toolbar input{width:100%;margin-top:8px;accent-color:#78c8ff}.cylinder-scroll{overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.20));padding:16px 14px 12px}.cylinder-track{position:relative;display:flex;gap:12px;align-items:stretch;min-height:330px;padding:12px 10px 6px}.cylinder-track:before{content:"";position:absolute;left:0;right:0;top:150px;border-top:1px solid rgba(255,255,255,.22);box-shadow:0 0 18px rgba(120,200,255,.14)}.cylinder-item{position:relative;display:grid;grid-template-rows:132px 1px 132px 28px;justify-items:center;flex:0 0 var(--bar-w,38px);min-width:var(--bar-w,38px)}.cylinder-value{position:absolute;top:-8px;transform:translateY(-100%);font-size:11px;font-weight:850;color:#d6ecff;white-space:nowrap}.cylinder-value.negative{top:292px;transform:none;color:#ffd3d8}.cylinder-slot-up,.cylinder-slot-down{position:relative;width:100%;display:flex;justify-content:center}.cylinder-slot-up{align-items:flex-end}.cylinder-slot-down{align-items:flex-start}.cylinder-zero{width:100%;height:1px}.cylinder{width:min(var(--bar-w,38px),56px);height:var(--h,40px);min-height:5px;position:relative;border-radius:999px 999px 12px 12px;background:linear-gradient(90deg,#27445d 0%,#76c7f1 20%,#9fe4ff 44%,#3d82ae 68%,#173249 100%);box-shadow:inset -8px 0 12px rgba(0,0,0,.34),inset 7px 0 12px rgba(255,255,255,.26),0 12px 24px rgba(65,150,210,.20);border:1px solid rgba(180,230,255,.38)}.cylinder:before{content:"";position:absolute;left:-1px;right:-1px;top:-7px;height:14px;border-radius:50%;background:radial-gradient(ellipse at 50% 38%,#e8fbff 0%,#8fd6f5 42%,#2f6f99 72%,#15324a 100%);border:1px solid rgba(210,245,255,.55);box-shadow:0 2px 8px rgba(0,0,0,.25)}.cylinder.negative{transform:rotate(180deg);background:linear-gradient(90deg,#27394d 0%,#6cb7df 20%,#b3eaff 44%,#4f86a8 68%,#182839 100%);box-shadow:inset -8px 0 12px rgba(0,0,0,.34),inset 7px 0 12px rgba(255,255,255,.22),0 -10px 24px rgba(65,150,210,.18)}.cylinder-label{align-self:end;font-size:11px;color:var(--muted);white-space:nowrap}.performance-empty{border:1px dashed var(--line);border-radius:18px;padding:20px;color:var(--muted)}@media(max-width:860px){.performance-stats,.bars-toolbar{grid-template-columns:1fr}.performance-section .head h2{font-size:26px}.cylinder-track{min-height:300px}.cylinder-item{grid-template-rows:118px 1px 118px 28px}.cylinder-track:before{top:136px}.cylinder-value.negative{top:262px}}

/* v0.11 visibility fix */
.performance-priority{border:1px solid rgba(102,197,255,.42); box-shadow:0 0 0 1px rgba(102,197,255,.08), 0 24px 70px rgba(0,0,0,.30);}
.performance-source{display:inline-block;margin:0 0 12px;padding:7px 10px;border-radius:999px;background:rgba(102,197,255,.12);border:1px solid rgba(102,197,255,.25);color:#bde8ff;font-size:.88rem;}

/* v0.11 — poprawka cylindrów 3D i priorytet wykresów na stronach symboli */
.signal-panel{opacity:.96;}
.signal-panel .head h2{font-size:38px;}
.performance-priority{margin-top:0;}
.performance-shell{gap:22px;}
.profit-chart-card{position:relative;}
.profit-chart-card h3{letter-spacing:.01em;}
.cylinder-scroll{padding:18px 16px 14px;background:radial-gradient(circle at 50% 12%,rgba(120,200,255,.10),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.24));}
.cylinder-track{isolation:isolate;align-items:stretch;padding:16px 12px 10px;}
.cylinder-track:before{z-index:0;border-top:1px solid rgba(255,255,255,.16);box-shadow:0 0 26px rgba(120,200,255,.18);}
.cylinder-item{z-index:1;}
.cylinder-slot-up,.cylinder-slot-down{z-index:2;}
.cylinder{z-index:3;width:min(calc(var(--bar-w,38px) * .72),54px);min-width:16px;border-radius:999px;overflow:visible;background:linear-gradient(90deg,#10283e 0%,#315d7d 13%,#92d8fb 34%,#d2f7ff 49%,#6bbbe3 64%,#255374 82%,#0c2033 100%);box-shadow:inset -10px 0 13px rgba(0,0,0,.42),inset 8px 0 12px rgba(255,255,255,.22),0 12px 24px rgba(80,170,225,.22);border:1px solid rgba(190,235,255,.48);}
.cylinder:before,.cylinder:after{content:"";position:absolute;left:-1px;right:-1px;height:14px;border-radius:50%;background:radial-gradient(ellipse at 50% 37%,#f5fdff 0%,#c0efff 28%,#76c7ef 50%,#2d6d98 77%,#0e2a42 100%);border:1px solid rgba(220,248,255,.62);box-shadow:0 2px 8px rgba(0,0,0,.28);pointer-events:none;}
.cylinder:before{top:-7px;}
.cylinder:after{bottom:-7px;background:radial-gradient(ellipse at 50% 61%,#e7fbff 0%,#96ddf8 34%,#3d86b1 64%,#102d45 100%);box-shadow:0 -2px 8px rgba(0,0,0,.24);}
.cylinder.negative{transform:none;background:linear-gradient(90deg,#14263a 0%,#335a75 13%,#8fd5f5 34%,#d8f8ff 49%,#70badb 64%,#315d79 82%,#102238 100%);box-shadow:inset -10px 0 13px rgba(0,0,0,.42),inset 8px 0 12px rgba(255,255,255,.20),0 12px 24px rgba(80,170,225,.18);}
.cylinder.negative:before{top:-7px;background:radial-gradient(ellipse at 50% 37%,#f6fdff 0%,#c8f2ff 28%,#7fc9ec 52%,#346f93 77%,#102b40 100%);}
.cylinder.negative:after{bottom:-7px;background:radial-gradient(ellipse at 50% 61%,#dff7ff 0%,#8fd5f0 34%,#477f9f 64%,#10263a 100%);}
.cylinder-label{margin-top:6px;}
.cylinder-value{z-index:4;text-shadow:0 2px 8px rgba(0,0,0,.55);}
@media(max-width:860px){.signal-panel .head h2{font-size:32px}}

/* v0.12 — SVG cylinder bars: pełne eliptyczne denko przy linii zero */
.svg-cylinder-track{display:block;min-height:auto;padding:0;overflow:visible;}
.svg-cylinder-track:before{display:none!important;}
.cylinder-svg{display:block;min-width:100%;height:auto;overflow:visible;}
.steel-zero-line{stroke:rgba(255,255,255,.14);stroke-width:1;stroke-dasharray:7 7;}
.steel-cylinder-body{stroke:rgba(190,235,255,.52);stroke-width:1;}
.steel-cylinder-cap{stroke:rgba(225,250,255,.70);stroke-width:1.1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.26));}
.steel-cylinder-bottom{opacity:.98;}
.steel-cylinder-highlight{stroke:rgba(255,255,255,.42);stroke-width:1.3;stroke-linecap:round;opacity:.75;}
.steel-cylinder-group{outline:none;}
.steel-cylinder-group:hover .steel-cylinder-body,
.steel-cylinder-group:focus .steel-cylinder-body{filter:drop-shadow(0 0 10px rgba(125,210,255,.42));}
.steel-cylinder-value{font-size:12px;font-weight:900;paint-order:stroke;stroke:#06101a;stroke-width:3px;stroke-linejoin:round;}
.steel-value-positive{fill:#dff7ff;}
.steel-value-negative{fill:#ffd9df;}
.steel-cylinder-label{fill:#9fb0c3;font-size:11px;font-weight:800;}

/* v0.13 — amCharts 3D Cylinder style, zgodny z demo amCharts wskazanym przez użytkownika */
.amcharts-cylinder-outer{overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:18px;background:#07111c;padding:10px 10px 2px;}
.amcharts-cylinder-chart{height:430px;min-width:100%;}
.profit-chart-card[data-bar-chart] .note strong{color:#d8f6ff;}

/* v0.13c — tooltip + małe białe pierścienie na wykresie cumulative profit */
.equity-interactive{position:relative;}
.profit-hit{fill:rgba(0,0,0,0);fill-opacity:0;stroke:rgba(0,0,0,0);stroke-opacity:0;cursor:crosshair;pointer-events:all;}
.profit-hit:hover{fill:rgba(255,255,255,.06);fill-opacity:.06;stroke:rgba(255,255,255,.18);stroke-width:1.2;}
.equity-tooltip{position:absolute;z-index:20;max-width:330px;padding:9px 11px;border-radius:12px;background:rgba(5,11,20,.94);border:1px solid rgba(150,220,255,.34);box-shadow:0 14px 34px rgba(0,0,0,.38),0 0 24px rgba(120,200,255,.12);color:#eaf7ff;font-size:12px;font-weight:800;white-space:normal;pointer-events:none;transform:translate(-50%,-100%);}

/* v0.13c: brak widocznych markerów na linii cumulative profit; tooltip działa z niewidzialnych hit-pointów. */
.profit-ring,.profit-point{display:none!important;}
.profit-hit,.profit-hit:hover{fill:rgba(0,0,0,0)!important;fill-opacity:0!important;stroke:rgba(0,0,0,0)!important;stroke-opacity:0!important;stroke-width:0!important;cursor:crosshair;}


/* v1.2 — kropki stanu powiadomień przy przyciskach i linkach */
.myfx-notify-link{
  position:relative;
}
.myfx-notify-dot{
  flex:0 0 auto;
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
  margin-right:2px;
  background:var(--sell);
  box-shadow:0 0 0 3px rgba(255,104,120,.12),0 0 14px rgba(255,104,120,.28);
  vertical-align:middle;
}
.myfx-notify-link:not(.btn) .myfx-notify-dot{
  width:8px;
  height:8px;
  margin-right:7px;
  transform:translateY(-1px);
}
.myfx-notify-link.myfx-notify-on .myfx-notify-dot{
  background:var(--buy);
  box-shadow:0 0 0 3px rgba(57,217,138,.13),0 0 16px rgba(57,217,138,.45);
}
.myfx-notify-link.myfx-notify-off .myfx-notify-dot,
.myfx-notify-link.myfx-notify-blocked .myfx-notify-dot{
  background:var(--sell);
  box-shadow:0 0 0 3px rgba(255,104,120,.12),0 0 14px rgba(255,104,120,.34);
}
.myfx-notify-link.myfx-notify-unavailable .myfx-notify-dot,
.myfx-notify-link.myfx-notify-unknown .myfx-notify-dot{
  background:var(--neutral);
  box-shadow:0 0 0 3px rgba(168,179,193,.10),0 0 10px rgba(168,179,193,.18);
}
.myfx-notify-link.myfx-notify-on{
  border-color:rgba(57,217,138,.34);
}
.myfx-notify-link.myfx-notify-off,
.myfx-notify-link.myfx-notify-blocked{
  border-color:rgba(255,104,120,.28);
}
.nav .myfx-notify-link:not(.btn){
  display:inline-flex;
  align-items:center;
}
@media(max-width:860px){
  .myfx-notify-dot{width:9px;height:9px;}
}


/* v2.7 — first page assumptions panel: corrected title and added safe spacing before mini panels */
.myfx-start-assumptions{
  margin-bottom:34px;
}
.myfx-start-assumptions + .myfx-mini-grid{
  margin-top:0;
}
@media(max-width:860px){
  .myfx-start-assumptions{margin-bottom:26px;}
}

/* EURUSD Journal homepage public refresh — 2026-07-10 */
/* EURUSD Journal FXAI emerald + metallic gold brand — 2026-07-19 */
.myfx-brand-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:246px;
  min-width:246px;
  height:142px;
  padding:0;
  border:0;
  background:transparent;
  text-decoration:none;
}
.myfx-brand-logo img{
  display:block;
  width:230px;
  height:auto;
  object-fit:contain;
  filter:none;
}
.myfx-home-features{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:22px 0;
}
.myfx-home-features>div{
  padding:16px;
  border:1px solid rgba(124,196,255,.18);
  border-radius:14px;
  background:rgba(8,18,31,.36);
}
.myfx-home-features strong,
.myfx-home-features span{display:block}
.myfx-home-features strong{margin-bottom:7px;color:#f4f8ff}
.myfx-home-features span{color:#aebdd0;line-height:1.55;font-size:.94rem}
.myfx-about-home{margin-top:24px}

/* Logo jako tło CSS: brak nakładki Edge Visual Search */
.myfx-brand-mark{
  display:block;
  width:230px;
  height:133px;
  background-image:url("/assets/logos/myfxexpert-fxai-emerald-gold-logo-glow.png?v=20260720-eurusd-full-inner-transparency-v4");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  filter:none;
  pointer-events:none;
}
@media (max-width:760px){
  .myfx-home-features{grid-template-columns:1fr}
  .myfx-brand-logo{width:174px;min-width:174px;height:104px}
  .myfx-brand-logo img{width:154px;height:auto}
  .myfx-brand-mark{width:164px;height:95px}
}

/* v0.41 — stała, czytelna etykieta zera na wykresie Cumulative Profit */
.axis-label-zero{fill:#d9efff;font-weight:800;}


/* v0.47 — Range prediction boxes with central metallic-gold RR square */
.myfx-range-prediction{
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(96px,9vw,112px) minmax(0,1fr);
  align-items:center;
  gap:8px;
  margin:16px 0 18px;
  padding:11px 0;
}
.myfx-range-prediction-half{
  min-width:0;
  min-height:86px;
  padding:11px 12px 12px;
  border:1px solid;
  border-radius:12px;
  text-align:center;
  line-height:1.3;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:inset 0 0 22px rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.13);
}
.myfx-range-growth{
  border-color:rgba(35,211,157,.80);
  background:linear-gradient(135deg,rgba(14,92,72,.34),rgba(9,40,37,.78));
  color:#72f3c7;
  box-shadow:inset 0 0 22px rgba(35,211,157,.045),0 0 16px rgba(35,211,157,.10),0 8px 20px rgba(0,0,0,.13);
}
.myfx-range-drawdown{
  border-color:rgba(211,128,72,.86);
  background:linear-gradient(135deg,rgba(112,58,29,.36),rgba(48,29,22,.80));
  color:#f2ad7d;
  box-shadow:inset 0 0 22px rgba(211,128,72,.05),0 0 16px rgba(211,128,72,.11),0 8px 20px rgba(0,0,0,.13);
}
.myfx-range-label{
  display:block;
  min-height:2.55em;
  font-size:clamp(.82rem,1vw,.96rem);
  font-weight:760;
  letter-spacing:.01em;
}
.myfx-range-value{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:.36em;
  margin-top:5px;
  white-space:nowrap;
  font-size:.88rem;
  font-weight:700;
}
.myfx-range-value strong{
  font-size:clamp(1.55rem,2.35vw,2.08rem);
  line-height:1;
  font-weight:950;
  letter-spacing:.035em;
  color:currentColor;
  text-shadow:0 0 14px currentColor;
}
.myfx-range-rr{
  position:relative;
  z-index:3;
  width:100%;
  aspect-ratio:1/1;
  min-width:96px;
  max-width:112px;
  justify-self:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.34rem;
  border:2px solid #d8aa4e;
  border-radius:15px;
  background:
    linear-gradient(145deg,rgba(255,240,167,.18),rgba(255,255,255,0) 33%),
    linear-gradient(315deg,rgba(102,57,7,.66),rgba(31,22,12,.96) 48%,rgba(95,58,13,.84));
  box-shadow:
    inset 0 0 0 1px rgba(255,235,155,.25),
    inset 0 0 24px rgba(255,190,58,.13),
    0 0 8px rgba(255,205,88,.54),
    0 0 23px rgba(215,157,44,.30),
    0 12px 25px rgba(0,0,0,.34);
  overflow:hidden;
}
.myfx-range-rr::before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(255,225,135,.36);
  border-radius:10px;
  pointer-events:none;
}
.myfx-range-rr::after{
  content:"";
  position:absolute;
  top:-45%;
  left:-70%;
  width:75%;
  height:190%;
  transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,247,198,.22),transparent);
  pointer-events:none;
}
.myfx-range-rr-prefix,
.myfx-range-rr strong{
  position:relative;
  z-index:1;
  font-weight:950;
  line-height:1;
  letter-spacing:.015em;
  background:linear-gradient(180deg,#fff3b0 0%,#f7cf62 30%,#b87913 64%,#ffe89a 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 5px rgba(255,207,84,.78));
}
.myfx-range-rr-prefix{
  display:block;
  font-size:clamp(1.02rem,1.35vw,1.24rem);
  letter-spacing:.08em;
}
.myfx-range-rr strong{
  display:block;
  font-size:clamp(1.92rem,2.85vw,2.48rem);
  line-height:.9;
  letter-spacing:.025em;
}
.myfx-range-prediction-half.is-unavailable,
.myfx-range-rr.is-unavailable{
  opacity:.52;
  filter:saturate(.55);
}
.myfx-range-prediction[hidden]{display:none !important}
@media (max-width:680px){
  .myfx-range-prediction{
    grid-template-columns:1fr;
    grid-template-areas:"growth" "rr" "drawdown";
    gap:8px;
    padding:0;
  }
  .myfx-range-growth{grid-area:growth}
  .myfx-range-rr{grid-area:rr;width:92px;min-width:92px;max-width:92px;margin:-2px auto}
  .myfx-range-drawdown{grid-area:drawdown}
  .myfx-range-prediction-half{min-height:auto}
  .myfx-range-label{min-height:auto}
}


/* v0.50 — FXAI 3D logo with subtle lower glow */

/* v0.53 — scalable language menu without outer glow */
.myfx-lang-menu{
  position:relative;
  margin-left:4px;
  flex:0 0 auto;
}
.myfx-lang-menu summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:54px;
  padding:7px 12px;
  border:2px solid rgba(255,255,255,.94);
  border-radius:999px;
  background:rgba(255,255,255,.11);
  color:#fff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  line-height:1;
  cursor:pointer;
  user-select:none;
  list-style:none;
  text-shadow:0 1px 4px rgba(0,0,0,.55);
  box-shadow:none;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.myfx-lang-menu summary::-webkit-details-marker{display:none}
.myfx-lang-menu summary::marker{content:""}
.myfx-lang-menu summary:hover,
.myfx-lang-menu[open] summary{
  background:#fff;
  color:#081018;
  border-color:#fff;
  text-shadow:none;
  box-shadow:none;
  transform:translateY(-1px);
}
.myfx-lang-menu summary:focus-visible{
  outline:3px solid rgba(255,255,255,.38);
  outline-offset:3px;
}
.myfx-lang-arrow{
  font-size:10px;
  transition:transform .18s ease;
}
.myfx-lang-menu[open] .myfx-lang-arrow{transform:rotate(180deg)}
.myfx-lang-options{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:1000;
  min-width:88px;
  padding:6px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px;
  background:#101a24;
  box-shadow:0 16px 36px rgba(0,0,0,.42);
}
.nav .myfx-lang-options a,
.myfx-lang-options span{
  display:block;
  width:100%;
  padding:8px 11px;
  border-radius:9px;
  color:#edf5ff;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-align:center;
}
.nav .myfx-lang-options a:hover{
  background:rgba(255,255,255,.11);
  color:#fff;
}
.myfx-lang-options .is-current{
  background:rgba(255,255,255,.07);
  color:#9fb0c3;
  cursor:default;
}
@media(max-width:860px){
  .myfx-lang-menu{margin-left:0}
  .myfx-lang-menu summary{min-width:58px;padding:8px 14px}
}

/* myFXexpert language menu and social controls — unified 2026-07-29 */
.myfx-lang-options{min-width:210px;max-height:min(72vh,560px);overflow-y:auto;overscroll-behavior:contain}
.nav .myfx-lang-options a,.myfx-lang-options span{white-space:nowrap;text-align:start}
.myfx-lang-menu summary{max-width:150px}
@media(max-width:760px){.myfx-lang-options{min-width:200px;max-width:calc(100vw - 24px)}}

/* v5.9 — common social panel (Telegram + X) on every page */
.myfx-social-find{
  display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px;
  width:fit-content;max-width:100%;margin:12px 0 2px auto;padding:8px 12px;
  border:1px solid rgba(148,163,184,.22);border-radius:14px;
  background:rgba(15,23,36,.58);box-shadow:0 10px 24px rgba(0,0,0,.14);
}
.myfx-social-find-label{flex:0 0 auto;color:#dbe7f5;font-size:.92rem;font-weight:700;letter-spacing:.01em;}
.myfx-social-app{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:36px;
  padding:6px 11px;border:1px solid rgba(255,255,255,.16);border-radius:10px;
  color:#f8fbff;background:rgba(255,255,255,.06);text-decoration:none;font-size:.9rem;
  font-weight:800;line-height:1;transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.myfx-social-app:hover,.myfx-social-app:focus-visible{transform:translateY(-1px);border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.11);}
.myfx-social-telegram{background:linear-gradient(135deg,rgba(39,165,229,.24),rgba(39,165,229,.09));}
.myfx-social-x{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(148,163,184,.07));}
.myfx-social-discord{background:linear-gradient(135deg,rgba(88,101,242,.30),rgba(88,101,242,.12));}
.myfx-social-icon{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;display:block;flex:0 0 22px;}
.myfx-discord-mark{display:inline-grid;place-items:center;width:30px;height:22px;border-radius:5px;background:#0f78c9;color:#fff;font-size:.66rem;font-weight:900;letter-spacing:-.04em;}
@media (max-width:640px){
  .myfx-social-find{gap:7px;width:fit-content;max-width:100%;margin:10px 0 2px auto;padding:8px;justify-content:flex-end;}
  .myfx-social-find-label{width:auto;text-align:right;font-size:.86rem;}
  .myfx-social-app{flex:0 0 auto;max-width:none;}
}

/* v0.55 — hard mobile sizing for Telegram SVG icons (2026-07-30) */
.myfx-social-app > svg.myfx-social-icon,
.myfx-social-app svg.myfx-social-icon{
  display:block !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
  flex:0 0 22px !important;
  aspect-ratio:1 / 1;
  box-sizing:border-box;
}
.myfx-social-app{
  width:auto !important;
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
}
.myfx-social-app > span:not(.myfx-social-icon){
  min-width:0;
  white-space:nowrap;
}
@media (max-width:640px){
  .myfx-social-find{
    width:fit-content;
    max-width:100%;
    flex-wrap:wrap;
  }
  .myfx-social-app{
    flex:0 0 auto !important;
    min-width:0;
    min-height:36px;
    padding:6px 10px;
  }
}

/* EURUSD FINAL — pełny baner Europa / Euro / Dollar, 2026-08-01 */
body.eurusd-site{
  background:
    radial-gradient(circle at 12% 0%,rgba(20,63,126,.17),transparent 34%),
    linear-gradient(180deg,#020b18 0%,#031020 52%,#020b18 100%);
  background-color:#020b18;
}
body.eurusd-site .top{
  padding-top:0;
  background:linear-gradient(180deg,#020b18 0%,#020b18 54%,#061323 100%);
}
body.eurusd-site .top > .wrap{overflow:visible;}
body.eurusd-site .nav{justify-content:center;align-items:center;overflow:visible;}
body.eurusd-site .myfx-brand-logo{
  order:-100;
  flex:0 0 100vw;
  display:block;
  width:100vw;
  max-width:none;
  min-width:100vw;
  height:auto;
  margin:0 calc(50% - 50vw) 18px;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#020b18;
  box-shadow:0 18px 54px rgba(0,0,0,.34);
}
body.eurusd-site .myfx-brand-mark{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1672 / 440;
  background-image:url("/assets/logos/eurusdjournal-europe-btc-style-banner-final.webp?v=20260801-eur-final");
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  pointer-events:none;
}
body.eurusd-site .nav > a:not(.myfx-brand-logo),
body.eurusd-site .myfx-lang-menu{margin-top:2px;}
@media(max-width:760px){
  body.eurusd-site .myfx-brand-logo{
    flex-basis:100vw;width:100vw;min-width:100vw;
    margin:0 calc(50% - 50vw) 12px;
  }
  body.eurusd-site .myfx-brand-mark{
    width:100%;height:auto;aspect-ratio:1672 / 440;
    background-position:center;background-size:cover;
  }
}

/* v0.59 — YouTube latest Short button, 2026-08-27 */
.myfx-social-youtube{background:linear-gradient(135deg,rgba(255,0,51,.28),rgba(255,0,51,.10));}
.myfx-social-youtube:hover,.myfx-social-youtube:focus-visible{background:linear-gradient(135deg,rgba(255,0,51,.38),rgba(255,0,51,.16));}