/* LETI V14 — definitive empty cycle card layout.
   Separate versioned asset so older PWA/HTTP caches cannot reuse ui-v10.css. */
.cycle-status-card.cycle-empty {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:1.25rem 2rem !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:1.35rem 1.5rem !important;
  background:linear-gradient(135deg,#fff 0%,#fbf8fa 100%) !important;
}
.cycle-status-card.cycle-empty > .cycle-phase-icon {
  display:none !important;
  width:0 !important;
  min-width:0 !important;
  flex:0 0 0 !important;
  margin:0 !important;
  padding:0 !important;
}
.cycle-status-card.cycle-empty > div:not(.cycle-phase-icon) {
  display:block !important;
  flex:1 1 520px !important;
  width:auto !important;
  min-width:280px !important;
  max-width:760px !important;
  grid-column:auto !important;
  grid-row:auto !important;
}
.cycle-status-card.cycle-empty .eyebrow {
  display:inline-flex !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 0 .45rem !important;
  padding:.28rem .55rem !important;
  border-radius:999px !important;
  background:#f3edf1 !important;
  color:#775b6d !important;
  font-size:.7rem !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}
.cycle-status-card.cycle-empty h3 {
  display:block !important;
  width:auto !important;
  max-width:34ch !important;
  min-width:0 !important;
  margin:0 0 .35rem !important;
  font-size:clamp(1.2rem,2vw,1.55rem) !important;
  line-height:1.15 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}
.cycle-status-card.cycle-empty p {
  display:block !important;
  width:auto !important;
  max-width:58ch !important;
  min-width:0 !important;
  margin:0 !important;
  color:#66756e !important;
  font-size:.95rem !important;
  line-height:1.55 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}
.cycle-status-card.cycle-empty > .btn {
  flex:0 0 auto !important;
  grid-column:auto !important;
  grid-row:auto !important;
  align-self:center !important;
  justify-self:auto !important;
  width:auto !important;
  min-width:190px !important;
  min-height:46px !important;
  margin:0 !important;
  white-space:nowrap !important;
}
@media (max-width:760px) {
  .cycle-status-card.cycle-empty {
    flex-direction:column !important;
    align-items:stretch !important;
    padding:1.1rem !important;
    gap:1rem !important;
  }
  .cycle-status-card.cycle-empty > div:not(.cycle-phase-icon) {
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  .cycle-status-card.cycle-empty > .btn {
    width:100% !important;
    min-width:0 !important;
    white-space:normal !important;
  }
}