/* =====================================================
   Twitch Stream Board (TSB)
   Cards layout styles (grid + always-visible player)
   ===================================================== */

/* Cards layout: responsive grid */
.tsb-layout-cards #tsb-board {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;

  overflow: visible;
}

/* Cards (grid) */
.tsb-layout-cards .tsb-item--card {
  width: 100%;
  min-height: 96px;
}

.tsb-layout-cards .tsb-item--card .tsb-avatar {
  width: 52px;
  height: 52px;
}

/* In Cards view the player area is visible from the start */
.tsb-layout-cards .tsb-player {
  transform: none;
  opacity: 1;
  max-height: none;
  overflow: visible;
}

.tsb-layout-cards .tsb-player-inner {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Cards view doesn't need a close button by default */
.tsb-layout-cards .tsb-player-toolbar {
  display: none !important;
}