.sessions .chip { padding:.35rem .65rem; border-radius:999px; border:1px solid rgba(255,255,255,.08); background:#12161d; color:#d7e1ee; cursor:pointer; }
.sessions .chip.is-active { background:#1f2530; border-color:#2b3443; box-shadow: inset 0 0 0 1px #30394a; }

.sessions__table-wrap { max-height: 340px; overflow:auto; border-radius:.6rem; }
.sessions__table .c-pos   { width:44px; text-align:right; }
.sessions__table .c-time  { width:120px; font-variant-numeric: tabular-nums; }
.sessions__table .c-sess  { width:76px; text-align:center; }
.sessions__table .drv  { width:28px; height:28px; margin-right:.5rem; vertical-align:middle; border-radius:4px; }
.sessions__table .team { width:22px; height:22px; margin-right:.4rem; vertical-align:middle; }
.chip-sess { display:inline-block; padding:.15rem .5rem; border-radius:999px; background:#202633; font-size:.75rem; opacity:.9; }

/* === Sessions: pełna szerokość w karcie === */
.sessions__content,
.sessions__table-wrap {
  width: 100%;
  max-width: none;      /* nadpisuje ewentualne max-width */
}

.sessions__table {
  width: 100%;
  table-layout: auto;   /* pozwól kolumnom się rozciągać */
  border-collapse: separate;
  border-spacing: 0;
}

/* drobne proporcje kolumn (opcjonalnie) */
.sessions__table th.c-pos,
.sessions__table td.c-pos { width: 72px; }

.sessions__table th.c-time,
.sessions__table td.c-time { width: 120px; }

.sessions__table th.c-sess,
.sessions__table td.c-sess { width: 90px; }

/* żeby nazwy ładnie się mieściły */
.sessions__table .c-driver .name,
.sessions__table .c-team .tname {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* jeżeli wrapper miał overflow: auto, zostaw – ale bez ograniczeń szerokości */
.sessions__table-wrap { overflow: auto; }

/* === Sessions: wygląd karty i odstęp pod prognozą === */
details.sessions {
  margin-top: 14px;                /* odstęp pod prognozą pogody */
  background: #0f151d;             /* delikatnie jaśniejszy panel jak reszta kart */
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 12px;
  overflow: hidden;                 /* żeby zaokrąglenie trzymało header i tabelę */
}

/* pasek nagłówka (tytuł + filtry) */
.sessions__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border-bottom: 1px solid rgba(255,255,255,.06);
}

/* środek karty */
.sessions__content {
  padding: 10px 12px 14px;
}

/* tabela na pełną szerokość karty (zostawiamy z poprzedniego kroku) */
.sessions__table-wrap,
.sessions__content { width: 100%; max-width: none; }
.sessions__table { width: 100%; table-layout: auto; }

.emoji {
    font-size: 1.8em;
    line-height: 1;
}

.emojiLocation {
  text-align:left; 
  padding-left:20px;
}

@media (max-width:900px){
  .sessions__table .driverName,.sessions__table .constructorName  { 
    display:none;
  }

  .emoji {
    font-size: 1.6em;
    line-height: 1;
  }

  .emojiLocation {
    text-align:left; 
    padding-left:1px;
  }
}