/* ============================================================
   CONAUT MANAGER — Capa de MOTION unificada
   Se carga AL FINAL del <head> (después de operator.css y nav.css)
   para ganar el cascade sin hacks de especificidad.

   Principios (motion-ui): animar SOLO transform/opacity
   (compositor-friendly), feedback táctil de "press" en TODO
   control interactivo, curvas y duraciones por token. Cualquier
   botón nuevo hereda este comportamiento sin tocar más CSS.

   El motion se apaga por preferencia EXPLÍCITA de la app
   (html[data-motion="off"]) vía el reset global de conaut.css, que
   vuelve estas transiciones instantáneas. NO se ata al ajuste del
   SO directamente (ver el <script> inline de cada shell).
   ============================================================ */

:root {
  --dur-press: 90ms;          /* hundido al presionar: snappy */
  --press-scale: 0.96;        /* botones / controles */
  --press-scale-card: 0.985;  /* tarjetas: dip sutil, conserva elevación */
}

/* ── Reparación de transición ─────────────────────────────────────────────
   Estos controles NO incluían `transform` en su transición base, así que el
   press saltaría en seco. Reponemos la lista (misma dur/ease que ya usaban)
   para que el hundido anime de ida y de vuelta. */
.nav-item, .cmdk, .logout, .p-item, .pw-btn, .app-titlebar .tb-btn,
.more, .tray-clear, .marca-add, .edit-toggle {
  transition: color var(--dur-fast) var(--ease),
              background-color var(--dur-fast) var(--ease),
              background var(--dur-fast) var(--ease),
              border-color var(--dur-fast) var(--ease),
              transform var(--dur-fast) var(--ease);
}

/* ── Press táctil universal ───────────────────────────────────────────────
   Todo control se hunde al presionar (whileTap del skill). El hover de estos
   elementos es color/fondo, así que el scale no pelea con ningún transform. */
.btn:not(:disabled):active,
.nav-item:active, .cmdk:active, .logout:active, .brand-item:active,
.p-item:active, .pw-btn:active, .app-titlebar .tb-btn:active,
.more:active, .tray-clear:active, .marca-add:active, .edit-toggle:active {
  transform: scale(var(--press-scale));
  transition-duration: var(--dur-press);
}

/* ── Tarjetas que se elevan en hover ──────────────────────────────────────
   El press las hunde SIN perder la elevación (transform combinado, no un
   reemplazo en seco que las haría "caer" al presionar). */
.brand-card:active { transform: translateY(-4px) scale(var(--press-scale-card)); transition-duration: var(--dur-press); }
.tray-card:active,
.cal-day:active    { transform: translateY(-2px) scale(var(--press-scale-card)); transition-duration: var(--dur-press); }
.media-tile:active { transform: translateY(-3px) scale(var(--press-scale-card)); transition-duration: var(--dur-press); }

/* ── Botones nativos sin clase (inline en plantillas) ─────────────────────
   También responden al press para que la sensación sea consistente. */
button:not([class]):not(:disabled):active {
  transform: scale(var(--press-scale));
  transition: transform var(--dur-press) var(--ease);
}
