/* The server clock of the Settings pages of the customer app and the Admin Portal (R7B-4: one look, public/server-clock.js
   draws it): regular weight, on one line at the end of its row, the clock icon the size of the text in its colour, drawn
   with a 1.5 line; a long text ends with an ellipsis. Each page gives it its colour and size where it places it. */
.server-clock {
  align-items: center;
  display: inline-flex;
  flex: 0 1 auto;
  font-weight: 400;
  gap: 0.4em;
  line-height: normal;
  margin-inline-start: auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}

.server-clock-icon {
  fill: none;
  flex: 0 0 auto;
  height: 1em;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
  width: 1em;
}

.server-clock-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}