/* EURUSD Journal first page mini panels v0.23 — CLOSED info, no leftover empty text, fitted close chart */
.myfx-mini-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.myfx-mini-grid .symbol-card { display:flex; flex-direction:column; min-height:100%; }
.myfx-mini-grid .metric strong.myfx-mini-buy { color:#86efac; }
.myfx-mini-grid .metric strong.myfx-mini-sell { color:#fca5a5; }
.myfx-mini-grid .metric strong.myfx-mini-plus { color:#86efac; }
.myfx-mini-grid .metric strong.myfx-mini-minus { color:#fca5a5; }
.myfx-mini-chart { margin-top:18px; border:1px solid rgba(148,163,184,.20); border-radius:18px; min-height:230px; overflow:hidden; background:#020617; display:flex; align-items:center; justify-content:center; }
.myfx-mini-chart .chart { display:block; width:100%; height:auto; max-height:330px; object-fit:contain; background:#020617; }
.myfx-mini-no-position { width:100%; min-height:230px; display:flex; align-items:center; justify-content:center; text-align:center; padding:28px 18px; color:rgba(226,232,240,.76); font-size:24px; font-weight:900; letter-spacing:.02em; background:linear-gradient(135deg, rgba(15,23,42,.92), rgba(2,6,23,.96)); }
.myfx-mini-no-position small { display:block; margin-top:8px; color:rgba(226,232,240,.58); font-size:12px; font-weight:700; letter-spacing:0; }
.myfx-mini-grid .tag.myfx-mini-wait { color:#dbeafe; border-color:rgba(147,197,253,.28); background:rgba(37,99,235,.10); }
.myfx-mini-grid .tag.myfx-mini-open { color:#bbf7d0; border-color:rgba(74,222,128,.32); background:rgba(22,101,52,.16); }
.myfx-mini-grid .tag.myfx-mini-nodata { color:#e2e8f0; border-color:rgba(148,163,184,.28); background:rgba(15,23,42,.42); }
@media (max-width:900px){ .myfx-mini-grid{grid-template-columns:1fr}.myfx-mini-no-position{font-size:20px} }

.myfx-mini-grid .tag.myfx-mini-close { color:#fde68a; border-color:rgba(251,191,36,.34); background:rgba(146,64,14,.18); }
.myfx-mini-grid .metric strong.myfx-mini-close-signal { letter-spacing:.02em; }
.myfx-mini-chart { position:relative; }
.myfx-mini-chart.myfx-mini-chart-close .chart { opacity:.96; }
.myfx-mini-chart-badge { position:absolute; left:12px; top:12px; z-index:2; padding:7px 10px; border-radius:999px; border:1px solid rgba(251,191,36,.38); background:rgba(2,6,23,.82); color:#fde68a; font-size:12px; font-weight:900; letter-spacing:.03em; box-shadow:0 10px 30px rgba(0,0,0,.35); }
.myfx-mini-chart-badge.is-open.is-buy { color:#86efac; border-color:rgba(74,222,128,.45); background:rgba(2,44,34,.88); }
.myfx-mini-chart-badge.is-open.is-sell { color:#fca5a5; border-color:rgba(248,113,113,.45); background:rgba(69,10,10,.88); }
.myfx-mini-chart-badge.is-close { color:#fde68a; border-color:rgba(251,191,36,.38); background:rgba(2,6,23,.82); }


/* v0.20 — equal dimensions for EURUSD/BTCUSD mini metric boxes on the first page */
.myfx-mini-grid { align-items:stretch; }
.myfx-mini-grid .symbol-card { height:100%; }
.myfx-mini-grid .symbol-card > .note {
  min-height:72px;
}
.myfx-mini-grid .metricgrid {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
  align-items:stretch;
}
.myfx-mini-grid .metricgrid .metric {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:92px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
}
.myfx-mini-grid .metricgrid .metric span {
  display:block;
  min-height:30px;
  line-height:1.25;
}
.myfx-mini-grid .metricgrid .metric strong {
  display:block;
  min-height:24px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
/* v5.5 — use the exact EA screenshot ratio, matching the full transaction panel. */
.myfx-mini-grid .myfx-mini-chart {
  width:100%;
  height:auto;
  min-height:220px;
  aspect-ratio:2580 / 1080;
}
.myfx-mini-grid .myfx-mini-no-position {
  width:100%;
  height:100%;
  min-height:220px;
}
@media (max-width:1100px){
  .myfx-mini-grid .metricgrid{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width:900px){
  .myfx-mini-grid .symbol-card > .note{min-height:0;}
  .myfx-mini-grid .metricgrid{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width:520px){
  .myfx-mini-grid .metricgrid{grid-template-columns:1fr;}
}


/* v0.23 — when a CLOSE image is available, hide the No Open Position layer completely. */
.myfx-mini-chart [hidden],
.myfx-mini-chart .chart[hidden],
.myfx-mini-chart .myfx-mini-no-position[hidden],
.myfx-mini-chart .myfx-mini-chart-badge[hidden] { display:none !important; }
.myfx-mini-chart .chart { width:100%; height:100%; max-height:none; object-fit:contain; }
.myfx-mini-chart.myfx-mini-chart-close { padding:0; }
.myfx-mini-chart.myfx-mini-chart-close .chart { width:100%; height:100%; object-fit:contain; }
.myfx-mini-grid .metric strong.myfx-mini-closed { color:#fde68a; letter-spacing:.02em; }


/* v0.23 — static panel-color embossed coin icons between symbol title and status badge */
.myfx-mini-grid .head.myfx-mini-card-head {
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 58px auto;
  align-items:center;
  column-gap:12px;
}
.myfx-mini-grid .myfx-mini-title { min-width:0; }
.myfx-mini-grid .myfx-mini-title h2 { margin:0; }
.myfx-mini-coin {
  width:58px;
  height:58px;
  object-fit:contain;
  display:block;
  flex:0 0 auto;
  opacity:.96;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.36));
}
.myfx-mini-grid .head.myfx-mini-card-head .tag {
  justify-self:end;
  white-space:nowrap;
}
@media (max-width:520px){
  .myfx-mini-grid .head.myfx-mini-card-head{grid-template-columns:minmax(0,1fr) 48px; row-gap:10px;}
  .myfx-mini-coin{width:48px;height:48px;justify-self:end;}
  .myfx-mini-grid .head.myfx-mini-card-head .tag{grid-column:1 / -1; justify-self:start;}
}


/* v0.25 — dark embossed coin files placed centrally between symbol name and status badge */
.myfx-mini-grid .head.myfx-mini-card-head {
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 76px minmax(0, 1fr);
  align-items:center;
  column-gap:14px;
}
.myfx-mini-grid .myfx-mini-title { justify-self:start; min-width:0; }
.myfx-mini-grid .head.myfx-mini-card-head .tag { justify-self:end; white-space:nowrap; }
.myfx-mini-coin {
  justify-self:center;
  width:76px;
  height:76px;
  object-fit:contain;
  display:block;
  opacity:1;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.48));
}
@media (max-width:520px){
  .myfx-mini-grid .head.myfx-mini-card-head{grid-template-columns:minmax(0,1fr) 64px; row-gap:10px;}
  .myfx-mini-coin{width:64px;height:64px;justify-self:end;}
  .myfx-mini-grid .head.myfx-mini-card-head .tag{grid-column:1 / -1; justify-self:start;}
}

/* v0.26 — coins 2x larger and shifted left by previous coin size */
.myfx-mini-grid .head.myfx-mini-card-head {
  grid-template-columns:minmax(0, 1fr) 152px minmax(0, 1fr) !important;
  column-gap:14px;
}

.myfx-mini-coin {
  width:152px !important;
  height:152px !important;
  transform:translateX(-76px);
  transform-origin:center center;
  z-index:2;
}

.myfx-mini-grid .head.myfx-mini-card-head .tag {
  z-index:3;
}

@media (max-width:720px){
  .myfx-mini-grid .head.myfx-mini-card-head {
    grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr) !important;
  }
  .myfx-mini-coin {
    width:112px !important;
    height:112px !important;
    transform:translateX(-56px);
  }
}

@media (max-width:520px){
  .myfx-mini-grid .head.myfx-mini-card-head{
    grid-template-columns:minmax(0,1fr) 96px !important;
    row-gap:10px;
  }
  .myfx-mini-coin{
    width:96px !important;
    height:96px !important;
    justify-self:end;
    transform:translateX(-48px);
  }
  .myfx-mini-grid .head.myfx-mini-card-head .tag{
    grid-column:1 / -1;
    justify-self:start;
  }
}

/* v0.27 — move coins back right by 3/4 of their current size */
.myfx-mini-coin {
  transform:translateX(38px);
}

@media (max-width:720px){
  .myfx-mini-coin {
    transform:translateX(28px);
  }
}

@media (max-width:520px){
  .myfx-mini-coin{
    transform:translateX(24px);
  }
}


/* v0.28 — keep dark coins in mini panels, accepted v0.27 position */
.myfx-mini-grid .head.myfx-mini-card-head {
  grid-template-columns:minmax(0, 1fr) 152px minmax(0, 1fr) !important;
  column-gap:14px;
}
.myfx-mini-coin {
  width:152px !important;
  height:152px !important;
  transform:translateX(38px);
  justify-self:center !important;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.42));
}
@media (max-width:720px){
  .myfx-mini-grid .head.myfx-mini-card-head {
    grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr) !important;
  }
  .myfx-mini-coin {
    width:112px !important;
    height:112px !important;
    transform:translateX(28px);
  }
}
@media (max-width:520px){
  .myfx-mini-grid .head.myfx-mini-card-head{
    grid-template-columns:minmax(0,1fr) 96px !important;
    row-gap:10px;
  }
  .myfx-mini-coin{
    width:96px !important;
    height:96px !important;
    justify-self:end !important;
    transform:translateX(24px);
  }
  .myfx-mini-grid .head.myfx-mini-card-head .tag{
    grid-column:1 / -1;
    justify-self:start;
  }
}


/* v0.30 — block Edge/Browser image hover tools on mini-panel chart screenshots */

/* v3.5 — LIVE transaction coins: BUY green, SELL red, CLOSED gold and still. */
@keyframes myfxCoinTurn {
  0%   { transform:translateX(38px) rotateY(0deg); filter:var(--myfx-coin-filter) brightness(.94); }
  24%  { transform:translateX(38px) rotateY(82deg); filter:var(--myfx-coin-filter) brightness(.72) drop-shadow(7px 0 0 var(--myfx-coin-edge)) drop-shadow(5px 0 1px var(--myfx-coin-edge)) drop-shadow(0 8px 12px rgba(0,0,0,.34)); }
  26%  { transform:translateX(38px) rotateY(98deg); filter:var(--myfx-coin-filter) brightness(.72) drop-shadow(7px 0 0 var(--myfx-coin-edge)) drop-shadow(5px 0 1px var(--myfx-coin-edge)) drop-shadow(0 8px 12px rgba(0,0,0,.34)); }
  50%  { transform:translateX(38px) rotateY(180deg); filter:var(--myfx-coin-filter) brightness(.86); }
  74%  { transform:translateX(38px) rotateY(262deg); filter:var(--myfx-coin-filter) brightness(.72) drop-shadow(-7px 0 0 var(--myfx-coin-edge)) drop-shadow(-5px 0 1px var(--myfx-coin-edge)) drop-shadow(0 8px 12px rgba(0,0,0,.34)); }
  76%  { transform:translateX(38px) rotateY(278deg); filter:var(--myfx-coin-filter) brightness(.72) drop-shadow(-7px 0 0 var(--myfx-coin-edge)) drop-shadow(-5px 0 1px var(--myfx-coin-edge)) drop-shadow(0 8px 12px rgba(0,0,0,.34)); }
  100% { transform:translateX(38px) rotateY(360deg); filter:var(--myfx-coin-filter) brightness(.94); }
}
.myfx-mini-card-head { perspective:900px; }
.myfx-mini-coin.myfx-coin-buy,
.myfx-mini-coin.myfx-coin-sell {
  backface-visibility:visible;
  transform-style:preserve-3d;
  animation:myfxCoinTurn 12s linear infinite;
  will-change:transform,filter;
}
.myfx-mini-coin.myfx-coin-buy { --myfx-coin-filter:sepia(.72) saturate(4.8) hue-rotate(78deg) contrast(1.08); --myfx-coin-edge:#063b24; }
.myfx-mini-coin.myfx-coin-sell { --myfx-coin-filter:sepia(.82) saturate(5.5) hue-rotate(320deg) contrast(1.1); --myfx-coin-edge:#52151a; }
.myfx-mini-coin.myfx-coin-closed {
  animation:none;
  filter:none !important;
  box-shadow:none !important;
}
@media (max-width:720px){
  @keyframes myfxCoinTurn {
    0%   { transform:translateX(28px) rotateY(0deg); filter:var(--myfx-coin-filter) brightness(.94); }
    24%  { transform:translateX(28px) rotateY(82deg); filter:var(--myfx-coin-filter) brightness(.72) drop-shadow(6px 0 0 var(--myfx-coin-edge)); }
    26%  { transform:translateX(28px) rotateY(98deg); filter:var(--myfx-coin-filter) brightness(.72) drop-shadow(6px 0 0 var(--myfx-coin-edge)); }
    50%  { transform:translateX(28px) rotateY(180deg); filter:var(--myfx-coin-filter) brightness(.86); }
    74%  { transform:translateX(28px) rotateY(262deg); filter:var(--myfx-coin-filter) brightness(.72) drop-shadow(-6px 0 0 var(--myfx-coin-edge)); }
    76%  { transform:translateX(28px) rotateY(278deg); filter:var(--myfx-coin-filter) brightness(.72) drop-shadow(-6px 0 0 var(--myfx-coin-edge)); }
    100% { transform:translateX(28px) rotateY(360deg); filter:var(--myfx-coin-filter) brightness(.94); }
  }
}
@media (max-width:520px){
  @keyframes myfxCoinTurn {
    0%   { transform:translateX(24px) rotateY(0deg); filter:var(--myfx-coin-filter) brightness(.94); }
    24%  { transform:translateX(24px) rotateY(82deg); filter:var(--myfx-coin-filter) brightness(.72) drop-shadow(5px 0 0 var(--myfx-coin-edge)); }
    26%  { transform:translateX(24px) rotateY(98deg); filter:var(--myfx-coin-filter) brightness(.72) drop-shadow(5px 0 0 var(--myfx-coin-edge)); }
    50%  { transform:translateX(24px) rotateY(180deg); filter:var(--myfx-coin-filter) brightness(.86); }
    74%  { transform:translateX(24px) rotateY(262deg); filter:var(--myfx-coin-filter) brightness(.72) drop-shadow(-5px 0 0 var(--myfx-coin-edge)); }
    76%  { transform:translateX(24px) rotateY(278deg); filter:var(--myfx-coin-filter) brightness(.72) drop-shadow(-5px 0 0 var(--myfx-coin-edge)); }
    100% { transform:translateX(24px) rotateY(360deg); filter:var(--myfx-coin-filter) brightness(.94); }
  }
}
@media (prefers-reduced-motion:reduce){
  .myfx-mini-coin.myfx-coin-buy,
  .myfx-mini-coin.myfx-coin-sell { animation:none; }
}

/* v4.0 — true WebGL cylinder. Existing HTML faces remain a no-WebGL fallback. */
.myfx-coin-webgl {
  position:absolute;
  inset:0;
  z-index:20;
  display:block;
  width:100% !important;
  height:100% !important;
  background:transparent;
  filter:none !important;
  box-shadow:none !important;
}
.myfx-mini-coin.myfx-webgl-ready > .myfx-coin-rotor,
.myfx-mini-coin.myfx-webgl-ready > .myfx-coin-rim-visual { display:none !important; }

/* v3.8 — browser-independent visible thickness at both edge-on positions. */
@keyframes myfxRimVisibility {
  0%,18%,32%,68%,82%,100% { opacity:0; transform:translate(-50%,-50%) scaleX(.35); }
  23%,27%,73%,77% { opacity:1; transform:translate(-50%,-50%) scaleX(1); }
}
.myfx-coin-rim-visual {
  position:absolute;
  z-index:8;
  left:50%;
  top:50%;
  width:18px;
  height:91%;
  border-radius:50% / 3.5%;
  opacity:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.8) 0%,var(--myfx-rim-dark) 17%,var(--myfx-rim-light) 46%,rgba(255,255,255,.72) 51%,var(--myfx-rim-light) 58%,var(--myfx-rim-dark) 82%,rgba(0,0,0,.86) 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.28) 0 1px,rgba(0,0,0,.3) 1px 3px);
  background-blend-mode:overlay;
  border:1px solid rgba(0,0,0,.72);
  box-shadow:inset 2px 0 2px rgba(255,255,255,.22),inset -2px 0 3px rgba(0,0,0,.68),0 3px 5px rgba(0,0,0,.28);
}
.myfx-coin-buy .myfx-coin-rim-visual,
.myfx-coin-sell .myfx-coin-rim-visual { animation:myfxRimVisibility 12s linear infinite; }
.myfx-coin-closed .myfx-coin-rim-visual { display:none; }
@media (max-width:720px){ .myfx-coin-rim-visual{width:15px;} }
@media (max-width:520px){ .myfx-coin-rim-visual{width:13px;} }
@media (prefers-reduced-motion:reduce){
  .myfx-coin-buy .myfx-coin-rim-visual,
  .myfx-coin-sell .myfx-coin-rim-visual { animation:none; display:none; }
}

/* v3.7 — actual two-face 3D construction with a separate metallic rim. */
@keyframes myfxCoin3DTurn {
  from { transform:rotateY(0deg); }
  to   { transform:rotateY(360deg); }
}
.myfx-mini-coin {
  position:relative;
  perspective:900px;
  overflow:visible;
  filter:none !important;
  box-shadow:none !important;
}
.myfx-coin-rotor {
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
}
.myfx-coin-face {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  border-radius:50%;
  backface-visibility:hidden;
  box-shadow:none !important;
}
.myfx-coin-front { transform:translateZ(6px); }
.myfx-coin-back { transform:rotateY(180deg) translateZ(6px); }
.myfx-coin-edge {
  position:absolute;
  left:calc(50% - 6px);
  top:3%;
  width:12px;
  height:94%;
  border-radius:50%;
  transform:rotateY(90deg);
  background:linear-gradient(90deg,#101820 0%,var(--myfx-rim-dark) 18%,var(--myfx-rim-light) 48%,var(--myfx-rim-dark) 78%,#101820 100%);
  box-shadow:inset 1px 0 1px rgba(255,255,255,.38), inset -1px 0 2px rgba(0,0,0,.72);
}
.myfx-mini-coin.myfx-coin-buy,
.myfx-mini-coin.myfx-coin-sell { animation:none !important; }
.myfx-coin-buy { --myfx-face-filter:sepia(.72) saturate(4.8) hue-rotate(78deg) contrast(1.08); --myfx-rim-dark:#064628; --myfx-rim-light:#42d687; }
.myfx-coin-sell { --myfx-face-filter:sepia(.82) saturate(5.5) hue-rotate(320deg) contrast(1.1); --myfx-rim-dark:#55161c; --myfx-rim-light:#df5961; }
.myfx-coin-buy .myfx-coin-rotor,
.myfx-coin-sell .myfx-coin-rotor { animation:myfxCoin3DTurn 12s linear infinite; }
.myfx-coin-buy .myfx-coin-face,
.myfx-coin-sell .myfx-coin-face { filter:var(--myfx-face-filter); }
.myfx-coin-closed { --myfx-gold-filter:sepia(1) saturate(4.4) hue-rotate(352deg) brightness(1.32) contrast(1.02); }
.myfx-coin-closed .myfx-coin-rotor { animation:none; transform:none; }
.myfx-coin-closed .myfx-coin-front { filter:var(--myfx-gold-filter) !important; }
.myfx-coin-closed .myfx-coin-back,
.myfx-coin-closed .myfx-coin-edge { display:none; }
@media (prefers-reduced-motion:reduce){
  .myfx-coin-buy .myfx-coin-rotor,
  .myfx-coin-sell .myfx-coin-rotor { animation:none; }
}
.myfx-mini-chart img,
.myfx-mini-chart-image,
.myfx-mini-screenshot,
.myfx-mini-card img[src*="/screens/"],
.myfx-mini-card img[src*="_OPEN"],
.myfx-mini-card img[src*="_CLOSE"],
.myfx-mini-card img[src*="OPEN.png"],
.myfx-mini-card img[src*="CLOSE.png"] {
  pointer-events: none !important;
  -webkit-user-drag: none;
  user-select: none;
}

/* Keep buttons/links in mini panel clickable even when chart image ignores pointer events */
.myfx-mini-card button,
.myfx-mini-card a,
.myfx-mini-card .btn {
  pointer-events: auto;
}

/* v2.8 — longer Polish metric labels in mini panels */
.myfx-mini-grid .metricgrid .metric span { font-size:11.5px; line-height:1.18; min-height:32px; }
.myfx-mini-grid .metricgrid .metric strong { overflow-wrap:anywhere; }


/* v3.2 — stable LIVE badge and vertically aligned EURUSD/BTCUSD cards */
.myfx-mini-grid .symbol-card > .note {
  min-height:112px;
  margin-bottom:0;
}
.myfx-mini-grid .symbol-card > .metricgrid {
  margin-top:22px;
}
.myfx-mini-grid .symbol-card > .actions {
  margin-top:auto;
  padding-top:18px;
}
.myfx-mini-chart-badge {
  transition:none !important;
  animation:none !important;
  opacity:1 !important;
}
@media (max-width:900px){
  .myfx-mini-grid .symbol-card > .note{min-height:0;}
  .myfx-mini-grid .symbol-card > .actions{margin-top:18px;padding-top:0;}
}

/* v5.4 — exact user-supplied 1 EURO artwork for CLOSED / SELL / BUY.
   These PNG files already contain the metallic gold, copper and emerald finish,
   so no CSS colour filter may alter them in the HTML fallback. */
.myfx-coin-direct-textures .myfx-coin-face {
  filter:none !important;
}

/* v5.6 — home animated coin centered exactly on the page vertical axis. */
.myfx-mini-grid .head.myfx-mini-card-head {
  grid-template-columns:minmax(0,1fr) 152px minmax(0,1fr) !important;
  align-items:center;
}
.myfx-mini-grid .myfx-mini-title {
  grid-column:1;
  justify-self:start;
}
.myfx-mini-grid .myfx-mini-coin {
  grid-column:2;
  justify-self:center !important;
  transform:none !important;
}
.myfx-mini-grid .head.myfx-mini-card-head .tag {
  grid-column:3;
  justify-self:end;
}

@media (max-width:720px){
  .myfx-mini-grid .head.myfx-mini-card-head {
    grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr) !important;
  }
  .myfx-mini-grid .myfx-mini-coin {
    transform:none !important;
  }
}

@media (max-width:520px){
  .myfx-mini-grid .head.myfx-mini-card-head {
    grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr) !important;
    row-gap:10px;
  }
  .myfx-mini-grid .myfx-mini-title {
    grid-column:1;
  }
  .myfx-mini-grid .myfx-mini-coin {
    grid-column:2;
    justify-self:center !important;
    transform:none !important;
  }
  .myfx-mini-grid .head.myfx-mini-card-head .tag {
    grid-column:1 / -1;
    grid-row:2;
    justify-self:start;
  }
}



/* v5.7 — pasek social (Telegram + X) pod górnym menu strony startowej */
.myfx-social-find{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;
  margin:12px 0 2px;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{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;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;height:22px;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;padding:8px;margin-top:10px;}
  .myfx-social-find-label{width:100%;text-align:center;font-size:.86rem;}
  .myfx-social-app{flex:1 1 130px;max-width:190px;}
}


/* v5.8 — compact social panel aligned to the right edge. */
.myfx-social-find{
  width:fit-content;
  max-width:100%;
  margin:12px 0 2px auto;
  justify-content:flex-start;
}
.myfx-social-find-label{flex:0 0 auto;}
.myfx-social-app{flex:0 0 auto;}

/* v5.8 — separate SL and TP values in the 4x2 metric grid. */
.myfx-mini-grid .metric strong.myfx-metric-value-sl{
  color:#d8895b !important;
  background:linear-gradient(180deg,#ffe2c6 0%,#e6a178 28%,#b85f39 58%,#f0b28a 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 0 10px rgba(216,137,91,.20),0 1px 0 rgba(255,226,203,.16);
}
.myfx-mini-grid .metric strong.myfx-metric-value-tp{
  color:#50d8a0 !important;
  background:linear-gradient(180deg,#c8ffe8 0%,#55dda7 32%,#0f9f70 62%,#78edbd 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 0 10px rgba(16,185,129,.22),0 1px 0 rgba(194,255,228,.14);
}
@media (max-width:640px){
  .myfx-social-find{width:fit-content;max-width:100%;margin-left:auto;justify-content:flex-end;}
  .myfx-social-find-label{width:auto;text-align:right;}
  .myfx-social-app{flex:0 0 auto;max-width:none;}
}

/* v5.9 — points/price notation and emerald SL after its price moves above entry. */
.myfx-mini-grid .metric strong.myfx-metric-value-sl,
.myfx-mini-grid .metric strong.myfx-metric-value-tp{
  direction:ltr;
  unicode-bidi:isolate;
  display:inline-block;
}
.myfx-mini-grid .metric strong.myfx-metric-value-sl.myfx-sl-emerald{
  color:#50d8a0 !important;
  background:linear-gradient(180deg,#c8ffe8 0%,#55dda7 32%,#0f9f70 62%,#78edbd 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 0 10px rgba(16,185,129,.22),0 1px 0 rgba(194,255,228,.14);
}

/* v6.0 — 2026-08-07 mobile home coin clearance.
   On phones the animated coin is moved right by exactly one coin width so it
   no longer covers the last letters of the EURUSD/BTCUSD title. */
@media (max-width:720px){
  .myfx-mini-grid .myfx-mini-coin{
    transform:translateX(112px) !important;
  }
}
@media (max-width:520px){
  .myfx-mini-grid .myfx-mini-coin{
    transform:translateX(96px) !important;
  }
}


/* v6.1 — 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));}