/* src/styles/v26-current-session-compact.css — extracted from index.html (id=v26-current-session-compact). */

.current-session,
.session-card,
#currentSession{
  font-size:14px!important;
}

.current-session .session-row,
.session-card .session-row,
#currentSession .session-row{
  display:grid!important;
  grid-template-columns:110px 1fr!important;
  align-items:center!important;
  gap:10px!important;
  padding:6px 0!important;
}

.current-session .label,
.session-card .label,
#currentSession .label{
  font-size:13px!important;
  font-weight:600!important;
  opacity:.82!important;
  letter-spacing:.02em!important;
}

.current-session .value,
.session-card .value,
#currentSession .value{
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.25!important;
  text-align:right!important;
}

.current-session .timer,
.session-card .timer,
#currentSession .timer{
  font-size:36px!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  font-weight:700!important;
  margin-bottom:10px!important;
}

.current-session .badge,
.session-card .badge,
#currentSession .badge{
  font-size:12px!important;
  padding:4px 10px!important;
}

@media (max-width:768px){
  .current-session .timer,
  .session-card .timer,
  #currentSession .timer{
    font-size:30px!important;
  }

  .current-session .session-row,
  .session-card .session-row,
  #currentSession .session-row{
    grid-template-columns:92px 1fr!important;
    gap:8px!important;
  }

  .current-session .label,
  .session-card .label,
  #currentSession .label,
  .current-session .value,
  .session-card .value,
  #currentSession .value{
    font-size:12px!important;
  }
}