/* =============================================================================
25) MARKET MEDIA — TIME BLOCKS + ALL INSTRUMENTS
============================================================================= */

.ytd-container--market .ytd-panel--marketfull{
  flex: 0 0 auto !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
}

.ytd-container--market .ytd-panel--marketfull > .ytd-panel-body{
  width: fit-content !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
}

.ytd-container--market .ytd-full-panel{
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: fit-content;
  min-width: 0;
  max-width: none;
  overflow: visible;
}

.ytd-container--market .ytd-full-time{
  font-size: 16px !important;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ytm-muted) !important;
}

.ytd-container--market .ytd-full-subhead{
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ytm-muted) !important;
  margin-top: 2px;
}

.ytm-market-commentary{
  color: rgba(218,218,218,.74) !important;
  line-height: 1.60;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,0.010) 0%,
      rgba(255,255,255,0.003) 100%
    ),
    rgba(0,0,0,0.78) !important;
  border: 1px solid rgba(255,255,255,0.042) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.014) inset,
    0 8px 18px rgba(0,0,0,0.30) !important;
  padding: 10px 12px !important;
  font-size: 13.5px;
  max-width: 390px;
}

.ytd-container--market .ytd-full-kps{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  grid-template-columns: none !important;
  grid-template-rows: repeat(2, auto) !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 260px !important;
  grid-auto-rows: auto !important;
  gap: 12px !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  align-items: start !important;
  align-content: start !important;
  justify-content: start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: static !important;
}

.ytd-container--market .ytd-full-kps > li{
  position: relative !important;
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  margin: 0 !important;
  padding: 10px 12px 10px 24px !important;
  text-align: left !important;
  text-justify: auto !important;
  hyphens: auto !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.58 !important;
  font-size: 13.5px !important;
  color: rgba(226,226,226,.84) !important;
  border: 1px solid rgba(255,255,255,0.080) !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,0.015) 0%,
      rgba(255,255,255,0.005) 100%
    ),
    rgba(0,0,0,0.76) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.014) inset,
    0 8px 18px rgba(0,0,0,0.30) !important;
}

.ytd-container--market .ytd-full-kps > li::before{
  content: "•";
  position: absolute !important;
  left: 10px !important;
  top: 10px !important;
  color: rgba(226,226,226,.82) !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.ytm-market-chip-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(160px, 180px)) !important;
  gap: 8px !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: none !important;
  align-items: start !important;
}

.ytm-market-chip{
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 9px;
  min-width: 160px;
  max-width: 180px;
  border: 1px solid rgba(255,255,255,0.060) !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,0.014) 0%,
      rgba(255,255,255,0.004) 100%
    ),
    rgba(0,0,0,0.80) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.014) inset,
    0 8px 18px rgba(0,0,0,0.28) !important;
  overflow: hidden;
}

.ytm-market-chip-symbol{
  font-size: 13px;
  line-height: 1.1;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(234,234,234,.88) !important;
}

.ytm-market-chip-meta{
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: var(--ytm-muted) !important;
}

.ytm-market-chip-reason{
  font-size: 11px;
  line-height: 1.40;
  color: rgba(214,214,214,.72) !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* =============================================================================
26) MARKET MEDIA — ALL CARD INSTRUMENTS
============================================================================= */

.ytm-all-root .ytmm-row-inst-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  align-items: stretch !important;
}

.ytm-all-root .ytmm-row-inst-chip{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(255,255,255,0.060) !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,0.014) 0%,
      rgba(255,255,255,0.004) 100%
    ),
    rgba(0,0,0,0.80) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.014) inset,
    0 8px 18px rgba(0,0,0,0.28) !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: rgba(234,234,234,.86) !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

@media (max-width: 980px){
  .ytd-container--market .ytd-panel--marketfull,
  .ytd-container--market .ytd-panel--marketfull > .ytd-panel-body,
  .ytd-container--market .ytd-panel--marketfull .ytd-full-panel{
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .ytd-container--market .ytd-full-kps{
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    height: 220px !important;
    max-height: 220px !important;
    align-content: flex-start !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .ytd-container--market .ytd-full-kps > li{
    flex: 0 0 auto !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    font-size: 12px !important;
  }

  .ytm-market-commentary{
    max-width: 240px;
    font-size: 12px;
  }

  .ytm-market-chip-grid{
    grid-template-columns: repeat(2, minmax(120px, 138px)) !important;
    gap: 6px !important;
  }

  .ytm-market-chip{
    min-width: 120px;
    max-width: 138px;
    padding: 6px 7px;
  }

  .ytm-market-chip-symbol{
    font-size: 11.5px;
  }

  .ytm-market-chip-meta{
    font-size: 8.5px;
  }

  .ytm-market-chip-reason{
    font-size: 9.5px;
    line-height: 1.32;
  }

  .ytm-all-root .ytmm-row-inst-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .ytm-all-root .ytmm-row-inst-chip{
    min-height: 34px !important;
    padding: 7px 8px !important;
    font-size: 11px !important;
  }
}