body { font-family: system-ui, sans-serif; margin: 0; padding: 16px; }

.border {
background-color:#fdd;
border-width: .1em;
border-style: solid;
border-color: #F55;
width: 300px;
}
.border_g {
background-color:#dfd;
border-width: .1em;
border-style: solid;
border-color: #5F5;
width: 100%;
}
.tma {
background-color:#fdd;
border-width: .1em;
border-style: solid;
border-color: #F55;
width: 100%;
}
table {
ffont-family: Arial, Helvetica, Sans Serif;
font-size: 18pt;
}
.waitrad{
        width: 50px;
}

#z1 {
color: #ff0000;
}
#z2 {
color: orange;
}

#plot_status { font-size: .85rem; color: #666; margin-top: 8px; }
#chartBox {
  position: relative;
  width: 100%;             /* Fills the phone screen width */
  margin: 0 auto;          /* Centers the plot on the screen */
  height: 30vh;            /* Uses 60% of the phone's viewport height */
}

.chart-container canvas {
  width: 100% !important;
  height: 100% !important;
}