/* Maid Manager Design System — utilities sourced from ds_vitrine_completa.html */

/* Ensure [hidden] always wins even when .mm-btn sets display:inline-flex */
[hidden] { display: none !important; }

/* ═══════════════════════════════════════════════════════════════
   UTILITIES
═══════════════════════════════════════════════════════════════ */
.u-text-secondary { color: var(--mm-text-secondary); }
.u-text-muted     { color: var(--mm-text-muted); }
.u-text-xs        { font-size: var(--mm-text-xs); }
.u-text-sm        { font-size: var(--mm-text-sm); }
.u-text-md        { font-size: var(--mm-text-md); }
.u-font-semibold  { font-weight: 600; }
.u-flex-1         { flex: 1; }
.u-w-full         { width: 100%; }
.u-mt-2           { margin-top: var(--mm-s-2); }
.u-mt-4           { margin-top: var(--mm-s-4); }
.u-mt-6           { margin-top: var(--mm-s-6); }
.u-hidden         { display: none !important; }

/* ═══════════════════════════════════════════════════════════════
   ── UTILITY: SPRING SCALE (reusable modifier) ──
═══════════════════════════════════════════════════════════════ */
/* Applied to any interactive element for the iOS press feel */
.mm-interactive {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 180ms var(--mm-spring),
              box-shadow var(--mm-t-fast) var(--mm-ease),
              opacity var(--mm-t-fast);
}
.mm-interactive:hover  { transform: translateY(-1px); }
.mm-interactive:active { transform: scale(0.96) translateY(0); }