/* ActionsTrade.css - page layout for ActionsTrade.aspx. Loaded after StartPage.css (shared cards, buttons, promos, ChessPM ad). */

/* ---------- layout: header on top, then main (right) + side (left) */
.sp.at {
  grid-template-columns: minmax(0, 1fr) 340px;
  max-width: 1240px;
}
.at-head { grid-column: 1 / -1; }
.at-main, .at-side { min-width: 0; }

/* ---------- header */
.at-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
.at-title { flex: 1 1 320px; min-width: 0; font-size: 16px; }
.at-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.at-user { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--sp-muted); }
.at-stat { width: 20px; height: 20px; }

/* ---------- tabs generated by the code-behind (FinanceBox1 / tdTab1..8) */
.at-tabs { margin-bottom: 6px; }
.at-tabs #FinanceBox1 { height: auto !important; }
.at-tabs #FinanceBox1 > div { float: none !important; display: flex; flex-wrap: wrap; gap: 3px; }
.at-tabs #FinanceBox1 span { display: inline-block !important; flex: 0 0 auto; width: auto !important; min-width: 68px !important; }
.at-tabs a[id^="tdTab"] {
  display: block;
  height: auto !important;          /* legacy tab classes fix the height to one line */
  line-height: 1.35 !important;
  white-space: nowrap;              /* "נתוני מסחר", "גרף זורם" stay on one line */
  overflow: visible !important;
  padding: 6px 10px;
  border-radius: 6px 6px 0 0;
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none !important;
  text-align: center;
}
.at-tabs a[id^="tdTab"]:hover { filter: brightness(1.15); }

/* ---------- the data frame keeps its fixed size (600x480); it scrolls sideways on a narrow screen */
.at-frame { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.at-frame iframe { display: block; border: 0; }

/* ---------- small blocks */
.at-new { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; }
.at-new span { background: #b3261e; color: #fff; border-radius: 4px; padding: 0 6px; font-size: 12px; }
.at-same { margin-top: 8px; font-size: 13px; line-height: 1.7; }
.at-same:empty { display: none; }
.at-news table { width: 100% !important; }
.at-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.at-links { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-bottom: 8px; font-size: 13px; }
.sp .at-links .at-hot { color: #b3261e; font-weight: 700; }
.sp .at-select { width: 100%; margin-bottom: 8px; }
.at-zoom { color: #b3261e; font-weight: 700; font-size: 13px; }
.at-zoom:empty { display: none; }
.at-side .sp-lists td { font-size: 12px; }

/* ---------- medium screens: side column under the main one */
@media (max-width: 1150px) {
  .sp.at { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
  .at-head, .at-main, .at-side { grid-column: 1; grid-row: auto; }
}

/* ---------- mobile */
@media (max-width: 760px) {
  .at-title { flex-basis: 100%; }
  .at-actions { width: 100%; }
  .at-actions .sp-btn { flex: 1; padding: 0 6px; }
  .at-user { width: 100%; }
  .at-chat { overflow: hidden; }
  #wmsg { display: none; }
}

/* ---------- shared with ActionTrEn.aspx */
.at-hidden { display: none; }
.sp .at-btnlink { display: inline-flex; align-items: center; text-decoration: none; }
.at-same-card:has(.at-same:empty) { display: none; }