/* One shared navy-to-cyan treatment for Clinic Flow text branding. */
:root{--clinic-flow-brand-gradient:linear-gradient(90deg,#061d52 0%,#0a2d70 46%,#0aa8bd 76%,#19cbd2 100%)}
.clinic-flow-product,
.clinic-flow-footer-brand,
.display-header .product,
.brand-name,
.app-name,
#clinicClock,
.clinic-flow-brand-text{
  background:var(--clinic-flow-brand-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
.brand-name{width:fit-content}
#clinicClock{width:fit-content;justify-self:end}
@media(forced-colors:active){
  .clinic-flow-product,.clinic-flow-footer-brand,.display-header .product,
  .brand-name,.app-name,#clinicClock,.clinic-flow-brand-text{
    background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;
  }
}
