@view-transition {
    navigation: auto;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    text-align: center;
    /* margin-top: 50px; */
    display: flex;
    flex-direction: column;
    height: 100dvh;
}

.sensor {
    font-size: 48px;
    color: #ff6600;
}

.sensor_window {
    min-height: 33.33vh;
    display: flex;
    flex-direction: column;
}

.ui-widget.ui-widget-content.sensor_window{
    border-color: bisque;
}

h2 {
    font-size: clamp(18px, 5vw, 50px);
}

#tabs-temp-current,
#tabs-humidity-current,
#tabs-pressure-current,
#tabs-temp-settings,
#tabs-humidity-settings,
#tabs-pressure-settings {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    gap: 25px;
}

#tabs-temp-current label,
#tabs-humidity-current label,
#tabs-pressure-current label,
#tabs-temp-settings label,
#tabs-humidity-settings label,
#tabs-pressure-settings label,
#tabs-temp-current button,
#tabs-humidity-current button,
#tabs-pressure-current button,
#tabs-temp-settings button,
#tabs-humidity-settings button,
#tabs-pressure-settings button {
    flex-shrink: 0;
    padding: 4px;
}

.btn {
    background-color: #535353;
    color: white;
}

.settings_group {
    display: flex;
    gap: 8px;
}

#temp_threshold,
#humidity_threshold,
#pressure_threshold,
#temp_consecutive_count,
#humidity_consecutive_count,
#pressure_consecutive_count {
    flex: 1 1 auto;
    min-width: 0;
}

@media (orientation: portrait) {
  .sensor_window {
    height: 33.33vh;
  }
}