/* mychoices.css: «سبد کپی ترید» (route mt-packs since ct-basket, 27 October 2026; «انتخاب‌های من», route mt-mine, before;
   mychoices.js; round 5 C). The page's own tokens (copytrade.css --g-*)
   and chips (.ct-res, .ct-side, .ct-live-dot, .ct-lt-new, .ct-skel); three blocks in one column of at most 880 px:
   sources (two a row from 768 px), signals (a row's two lines side by side when they fit), today's three tiles.
   Dark mode through the same tokens. Its own prefix, my- (the review of 21 October 2026: the mc- names it had are
   mychannel.css's too, and this file, loaded last on every copy-trade page, restyled «کانال سیگنال من»). Every control
   is at least 44 px tall (chips 40). */
.my-pane { display:flex; flex-direction:column; gap:14px; width:100%; max-width:880px; margin:0 auto; min-width:0; }
.my-pane[hidden] { display:none; }
.my-block {
  background:var(--g-card); border:1px solid var(--g-line); border-radius:18px; box-shadow:var(--g-shadow);
  padding:12px 16px 16px; min-width:0;
}
.my-block[hidden] { display:none; }
.my-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 12px; min-height:44px; }
.my-head h2 { margin:0; font-size:16px; font-weight:800; line-height:1.5; color:var(--g-ink); }
.my-text-btn {
  display:inline-flex; align-items:center; min-height:44px; padding:0 6px; border:0; background:none; cursor:pointer;
  color:var(--g-teal-ink); font-size:14px; font-weight:800; text-decoration:none;
}
.my-text-btn:hover { text-decoration:underline; text-underline-offset:3px; }
.my-link-btn { border:0; background:none; padding:0 8px; min-height:44px; vertical-align:middle; font:inherit; font-weight:800; color:var(--g-teal-ink); cursor:pointer; text-decoration:underline; }
.my-skel { display:block; }
.my-skel .bar { border-radius:6px; }

/* ---- the frame for this route (ctnav.css paints mt-packs' current item itself) ---- */
/* Its bare hero is a title line in sight («سبد کپی ترید»), not the MetaTrader view's hidden H1: no box. No display here,
   so a source page over it still hides it (ctnav.css .ct-shell.is-source .ct-hero); a saved account's fold
   (ctnav.js foldOf, .is-folded) changes nothing here. */
.ct-hero.is-bare[data-route="mt-packs"] {
  position:static !important; width:100%; max-width:880px; height:auto; margin:0 auto; overflow:visible; white-space:normal;
  clip:auto; clip-path:none; padding:2px 2px 0; border:0; background:none; box-shadow:none;
}
.ct-hero.is-bare[data-route="mt-packs"] .ct-hero-text { padding:0; display:block; }
.ct-hero.is-bare[data-route="mt-packs"] h1 { font-size:20px; line-height:1.6; }

/* ---- «منابع من» ---- */
.my-group {
  display:flex; align-items:center; flex-wrap:wrap; gap:2px 0; margin:8px 0 6px;
  font-size:12px; font-weight:700; color:var(--g-ink-3); line-height:1.8;
}
.my-group .is-amber { color:var(--g-amber-ink); }
.my-sep { margin:0 5px; }
.my-change {
  display:inline-flex; align-items:center; min-height:44px; margin-inline-start:6px; padding:0 8px;
  color:var(--g-teal-ink); font-size:13px; font-weight:800; text-decoration:none;
}
.my-change:hover { text-decoration:underline; }
.my-srcs { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:minmax(0, 1fr); gap:8px; }
.my-srcs + .my-group { margin-top:14px; }
.my-src {
  display:flex; flex-direction:column; justify-content:center; gap:6px; min-height:52px; min-width:0;
  padding:8px 10px; border:1px solid var(--g-line-soft); border-radius:12px; background:var(--g-card);
}
.my-src.is-missing { background:var(--g-flat-soft); color:var(--g-ink-3); }
.my-src.is-skel { gap:8px; padding:12px; }
.my-src-top { display:flex; align-items:center; gap:10px; min-width:0; }
.my-src-link { display:flex; align-items:center; gap:10px; flex:1 1 auto; min-width:0; color:inherit; text-decoration:none; min-height:36px; }
a.my-src-link:hover .my-name { text-decoration:underline; text-underline-offset:3px; }
.my-src .ct-avatar { width:28px; height:28px; font-size:12px; }
.my-src-text { display:flex; flex-direction:column; gap:1px; min-width:0; }
.my-name {
  display:block; max-width:10em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; unicode-bidi:plaintext;
  font-size:14px; font-weight:800; color:var(--g-ink);
}
.my-src.is-missing .my-name { color:var(--g-ink-3); }
.my-line { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--g-ink-3); line-height:1.7; white-space:nowrap; }
.my-line.is-live { color:var(--g-teal-ink); }
.my-line.is-amber { color:var(--g-amber-ink); }
.my-line b { font-weight:800; }
.my-set { flex:none; margin-inline-start:auto; font-size:12px; font-weight:700; color:var(--g-ink-3); white-space:nowrap; }
.my-edit { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding-top:2px; }
.my-edit-q { font-size:13px; font-weight:800; color:var(--g-ink-2); }
.my-chip {
  display:inline-flex; align-items:center; justify-content:center; min-height:40px; min-width:52px; padding:0 12px;
  border:1px solid var(--g-line); border-radius:99px; background:var(--g-card); color:var(--g-ink-2);
  font-size:13px; font-weight:800; cursor:pointer;
}
.my-chip.on { border-color:var(--g-teal-line); background:var(--g-teal-soft); color:var(--g-teal-ink); }
.my-chip.is-danger { color:var(--g-down); }
.my-chip[disabled] { opacity:.6; cursor:progress; }
.my-err { margin:0; font-size:12px; font-weight:700; color:var(--g-down); }
.my-foot { margin-top:10px; }
.my-add { display:inline-flex; align-items:center; min-height:44px; color:var(--g-teal-ink); font-size:14px; font-weight:800; text-decoration:none; }
.my-add:hover { text-decoration:underline; }
.my-empty { margin:6px 0 12px; font-size:14px; font-weight:700; color:var(--g-ink-2); }
.my-empty-acts { display:flex; flex-wrap:wrap; gap:8px; }
.my-empty-acts .ct-btn { flex:1 1 160px; justify-content:center; text-decoration:none; }

/* ---- «سیگنال‌ها» ---- */
.my-gold { display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:800; color:var(--g-ink-3); white-space:nowrap; }
.my-gold[data-my-gold="live"] { color:var(--g-teal-ink); }
.my-gold bdi { color:var(--g-ink); }
.my-fail { margin:0 0 6px; font-size:12.5px; font-weight:700; color:var(--g-amber-ink); }
.my-none { margin:4px 0 2px; font-size:13.5px; font-weight:700; color:var(--g-ink-3); }
.my-sub { margin:10px 0 6px; font-size:12.5px; font-weight:800; color:var(--g-ink-2); }
.my-sigs { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.my-sig {
  display:flex; flex-wrap:wrap; align-items:center; gap:4px 16px; min-height:44px; min-width:0; padding:8px 10px;
  border:1px solid var(--g-line-soft); border-radius:12px; color:inherit; text-decoration:none;
}
.my-sig.is-open { border-color:var(--g-teal-line); }
.my-sig:hover .my-name { text-decoration:underline; text-underline-offset:3px; }
.my-sig-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 10px; flex:1 1 300px; min-width:0; }
.my-sig-who { display:flex; align-items:center; gap:6px; min-width:0; }
.my-sig-what { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; }
.my-plus { font-size:12px; font-weight:800; color:var(--g-ink-3); }
.my-time { font-size:12px; font-weight:700; color:var(--g-ink-3); white-space:nowrap; }
.my-res { white-space:nowrap; }
.my-res.is-dashed { background:transparent; border:1px dashed currentColor; padding:1px 8px; }
.my-res.is-amber { background:var(--g-amber-soft); color:var(--g-amber-ink); }
.my-levels { display:flex; flex-wrap:wrap; gap:2px 12px; flex:0 1 auto; min-width:0; font-size:11.5px; font-weight:600; color:var(--g-ink-3); }
.my-levels span { white-space:nowrap; }
.my-levels bdi { color:var(--g-ink-2); font-weight:700; }
.my-more {
  display:inline-flex; align-items:center; min-height:44px; margin-top:4px; padding:0 4px; border:0; background:none;
  color:var(--g-teal-ink); font-size:13.5px; font-weight:800; cursor:pointer;
}
.my-sig-skel { height:44px; border-radius:12px; }
.my-sig-skel + .my-sig-skel { margin-top:6px; }

/* ---- «برآیند امروز» ---- */
.my-pill {
  display:inline-flex; align-items:center; min-height:44px; padding:0 14px; border-radius:99px; cursor:pointer;
  border:1px solid var(--g-teal-line); background:var(--g-teal-soft); color:var(--g-teal-ink);
  font-size:12px; font-weight:800; white-space:nowrap;
}
.my-tiles { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; margin-top:6px; }
.my-tiles.is-one { grid-template-columns:minmax(0, 1fr); }
.my-tile {
  display:flex; flex-direction:column; align-items:center; gap:2px; min-width:0; padding:10px 6px;
  border:1px solid var(--g-line); border-radius:14px; text-align:center;
}
.my-tile-k { font-size:12px; font-weight:700; color:var(--g-ink-3); }
.my-tile-v { font-size:17px; font-weight:800; line-height:1.5; color:var(--g-ink); overflow-wrap:anywhere; }
.my-tile-v.up { color:var(--g-up); }
.my-tile-v.down { color:var(--g-down); }
.my-tile-s { font-size:12px; font-weight:600; color:var(--g-ink-3); }
.my-tile-skel { height:76px; border-radius:14px; }
.my-bal-box { margin-top:4px; }
[data-my="sum-bal"] { margin-top:10px; }
[data-my="sum-bal"][hidden] { display:none; }
.my-bal { display:flex; flex-direction:column; gap:6px; }
.my-bal-k { font-size:12.5px; font-weight:800; color:var(--g-ink-2); }
.my-bal-row { display:flex; gap:8px; }
.my-bal-in {
  flex:1 1 auto; min-width:0; min-height:44px; padding:0 12px; border:1px solid var(--g-line); border-radius:12px;
  background:var(--g-card); color:var(--g-ink); font-size:15px; font-weight:700; text-align:left;
}
.my-bal-in[aria-invalid="true"] { border-color:var(--g-down); }
.my-bal-btn { flex:none; min-height:44px; min-width:76px; }

@media (min-width:768px) {
  .my-srcs { grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); }
  .my-block { padding:14px 20px 18px; }
}
@media (max-width:420px) {
  .my-tile-v { font-size:15px; }
  .my-block { padding:10px 12px 14px; }
}

/* ---- ct-basket: «وضعیت کلی سبد» and «عملکرد سبد» ---- */
.my-chart { margin:6px 0 0; color:var(--g-ink-3); }
.my-chart.up { color:var(--g-up); }
.my-chart.down { color:var(--g-down); }
.my-chart svg { display:block; width:100%; height:150px; }
.my-bars svg { height:120px; color:var(--g-ink-3); }
.my-bars rect { fill:var(--g-ink-3); }
.my-bars rect.up { fill:var(--g-up); }
.my-bars rect.down { fill:var(--g-down); }
/* The charts run left to right in time (the first day at the left), so their dates do too. */
.my-chart-x { direction:ltr; display:flex; justify-content:space-between; gap:8px; margin-top:4px; font-size:11.5px; font-weight:700; color:var(--g-ink-3); }
.my-chart-x span:nth-child(2):not(:last-child) { color:var(--g-ink); font-weight:800; }
.my-chart-skel { height:150px; border-radius:14px; }
.my-tiles.is-five { grid-template-columns:repeat(auto-fit, minmax(110px, 1fr)); margin-top:10px; }
.my-perf-note { margin:8px 0 0; font-size:11.5px; font-weight:600; line-height:1.8; color:var(--g-ink-3); }
.my-tables { display:grid; grid-template-columns:minmax(0, 1fr); gap:4px 16px; }
@media (min-width:768px) { .my-tables { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.my-table-wrap { min-width:0; overflow-x:auto; }
.my-table { width:100%; border-collapse:collapse; font-size:12.5px; font-weight:700; color:var(--g-ink-2); }
.my-table th, .my-table td { padding:7px 6px; border-bottom:1px solid var(--g-line-soft); text-align:center; white-space:nowrap; }
.my-table thead th { font-size:11.5px; font-weight:800; color:var(--g-ink-3); }
.my-table tbody th { text-align:start; font-weight:800; color:var(--g-ink); }
.my-table td.up { color:var(--g-up); }
.my-table td.down { color:var(--g-down); }