/**
 * Maintenance / Coming soon "breathing light" badge.
 *
 * Add class "feature-status-dim" (done automatically by
 * apply-feature-status.js) to any [data-feature-item] card/row you want
 * grayed out — .tool-card (Home page) and .sidebar-item (module links)
 * both already have position:relative via the site's base styles, this
 * just adds the badge + dim treatment on top.
 */

.feature-status-dim { opacity: 0.5; cursor: not-allowed; }
.feature-status-dim:hover { transform: none; }
.tool-card.feature-status-dim { opacity: 0.55; }
.sidebar-item.feature-status-dim { opacity: 0.5; }

.feature-status-badge {
  position: absolute; top: -8px; right: 8px;
  font-size: 10.5px; font-weight: 600;
  padding: 2px 8px; border-radius: 999px;
  white-space: nowrap; pointer-events: none;
  z-index: 2;
}
/* Module sidebar links use a smaller badge tucked into the row instead
   of the corner (the sidebar row is narrower than a Home tool-card). */
.sidebar-item .feature-status-badge {
  position: static; margin-left: auto; top: auto; right: auto;
}

.fs-maint { background: #f59e0b33; color: #f59e0b; animation: fs-breathe 1.8s ease-in-out infinite; }
.fs-coming { background: #60a5fa33; color: #60a5fa; animation: fs-breathe 1.8s ease-in-out infinite; }

@keyframes fs-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}