/* ============================================================
   STORMY TITANS™ — PENDING BADGE INLINE REFINEMENT — 002-R15

   PURPOSE
   Keep the not-ready state badge on the same row as the menu label
   in mobile Lake Reveal menus, and rename it from "Not Enabled"
   to the more concise "Pending".
   ============================================================ */

/* Preserve the three-column Lake Reveal row:
   icon | label | state badge */
.lake-item{
  grid-template-columns:44px minmax(0,1fr) auto !important;
  align-items:center !important;
}

/* Keep the state badge in the third column on the same line. */
.lake-item-state{
  grid-column:3 !important;
  grid-row:1 !important;
  align-self:center !important;
  justify-self:end !important;
  white-space:nowrap !important;
  margin:0 !important;
}

/* Prevent the label from forcing the badge onto another row. */
.lake-item-label{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* The old <=390px rule in app.css moved the state badge to row 2.
   Override it explicitly so compact phones remain single-height. */
@media (max-width:390px){
  .lake-item{
    grid-template-columns:40px minmax(0,1fr) auto !important;
  }

  .lake-item-state{
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
  }
}

/* Slightly tighten the badge for narrow mobile screens. */
@media (max-width:700px){
  .lake-item-state{
    font-size:.62rem !important;
    padding:2px 5px !important;
  }
}