/* Apply Roboto font to all elements */
body {
    /*zoom: 0.80;*/
    font-family: 'Roboto', sans-serif;
    display: flex;
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    min-height: 100vh; /* Ensure the body takes up at least the full viewport height */
    margin: 0; /* Remove default margin */
    font-size: 16px !important;
}
/* Apply font size 16 to common inline/block elements */
body, p, span, div, a, li, td {
    font-size: 16px !important;
}
a {
    color: blue !important; /* Make the text blue */
    text-decoration: underline blue !important; /* Add a blue underline */
}
/* Explicitly define header styles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold; /* Ensure headers are bold */
    margin: 0; /* Adjust margin as needed */
}
label {
    width: 100%;
}
.padtop {
    padding-top: 25px;
}
/* ======================================
   Compact top-right timer (CSS only)
   ====================================== */

/* Container placement */
.timer-form-container{
  position: sticky;
  top: 6px;
  z-index: 500;

  display: flex;
  justify-content: flex-end;

  padding: 0 12px;
  margin-bottom: 8px;
}

/* Pill container */
.timer-form .lblTimer.timer-form-info{
  display: flex;
  align-items: center;
  gap: 6px;

  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 999px;

  padding: 5px 10px;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}

/* Smaller info icon */
.timer-form .timer-info-icon{
  width: 14px !important;
  height: 14px !important;
  opacity: .6;
}

/* Hide original long sentence */
#timerDescription.timer-form-info-text{
  font-size: 0 !important;
  margin: 0 !important;
}

/* Replace with short label */
#timerDescription.timer-form-info-text::before{
  content: "Session time remaining";
  font-size: 12px;
  color: #374151;
  white-space: nowrap;
}

/* Kill Hide button everywhere near the timer */
.timer-form-container button,
.timer-form-container input[type="button"]{
  display: none !important;
}

/* Countdown text (e.g., “37 minutes”) */
.timer-form-container + *{
  font-size: 12px;
  font-weight: 600;
  color: #111827;
}

/* Tighten spacing so it feels like one line */
.timer-form-container + *{
  margin-top: 2px;
}

/* Mobile */
@media (max-width: 600px){
  .timer-form-container{
    justify-content: center;
  }
}