/* Mosal CRM · Rediseño UX (23/10/2026, fase 8) · ui/rd-estados.css: esqueletos de carga, «Sin cobertura» y la cabecera común. */

.rd-com .rd-of-estado { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--m-sp-2, 8px); min-height: 36px; margin: 0 0 var(--m-sp-2, 8px); color: var(--m-text-2); font-size: var(--m-fs-14, 14px); }
.rd-com .rd-of-hora { font-variant-numeric: tabular-nums; }
.m-rd .rd-red { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; padding: 0 10px; border-radius: var(--m-r-md, 8px); background: var(--m-warn-bg, #fff4d6); color: var(--m-warn-ink, #5c4400); margin-right: auto; max-width: 100%; }
.m-rd .rd-red[hidden] { display: none; }
.m-rd .rd-red__t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-rd .rd-red--vuelta { background: var(--m-done-bg, #e6f4ea); color: var(--m-done-ink, #14532d); }
.m-rd .rd-skel { display: grid; gap: var(--m-sp-4, 16px); padding: var(--m-sp-2, 8px) 0; }
.m-rd .rd-skel-grupo { display: grid; gap: 0; }
.m-rd .rd-skel-titulo { width: 160px; height: 18px; margin: 0 0 10px; }
.m-rd .rd-skel-row { grid-template-columns: 1.2fr 1fr 1.4fr 120px 60px; }
.m-rd .rd-skel-row .m-skel:nth-child(5) { justify-self: end; width: 56px; }
@media (max-width: 720px) { .m-rd .rd-skel-row { grid-template-columns: 1.4fr 1fr; } .m-rd .rd-skel-row .m-skel:nth-child(n+3) { display: none; } }