/* The wording carries the status; color is an additional cue. */
.yutime-status{display:inline-flex;align-items:center;justify-content:center;gap:.4em;align-self:flex-start;width:fit-content;max-width:100%;min-height:34px;padding:6px 12px;border:1px solid;border-radius:999px;font-size:13px;font-weight:650;line-height:1.4;letter-spacing:.02em;white-space:nowrap;vertical-align:middle;box-sizing:border-box}
.yutime-status strong{font-size:inherit;font-weight:850;line-height:inherit;color:inherit}
.yutime-status--with{color:#bcf7ce;background:#163c24;border-color:#73bb8a}
.yutime-status--without{color:#e2e8ec;background:#293239;border-color:#829098}
.yutime-status--unknown{color:#f4dcab;background:#3a3020;border-color:#a58e62}
.machine-hero .machine-yutime-status{display:flex;align-items:center;margin:14px 0 12px;padding:0}
.machine-hero .machine-yutime-status .yutime-status{min-height:40px;padding:8px 16px;font-size:16px}
.static-directory-card>.yutime-status,.static-catalog-card>.yutime-status{grid-column:1/-1;margin:0 0 2px}
@media(max-width:400px){.yutime-status{font-size:12px;padding:6px 10px}.machine-hero .machine-yutime-status .yutime-status{font-size:15px}}
@media print{.yutime-status{color:#111;background:#fff;border-color:#555}}