/* ============================================================
   HOOMANING V7 — native-feeling Log micro interactions
   No layout redesign: tactile state changes without whole-screen redraws.
   ============================================================ */

.v2-composer .chip,
.v2-composer .seg,
.v2-composer .time-chip,
.v2-composer .time-skip,
.v2-composer .v2-unit-toggle {
  transition: background-color .18s ease, border-color .18s ease, color .18s ease,
              box-shadow .18s ease, transform .14s ease, opacity .18s ease;
  -webkit-tap-highlight-color: transparent;
}

.v2-composer .chip:active,
.v2-composer .seg:active,
.v2-composer .time-chip:active,
.v2-composer .time-skip:active,
.v2-composer .v2-unit-toggle:active {
  transform: scale(.975);
}

.v2-composer .v7-control-set {
  animation: v7ControlSet .24s ease both;
}

@keyframes v7ControlSet {
  0%   { transform: scale(.97); }
  55%  { transform: scale(1.025); }
  100% { transform: scale(1); }
}

/* Keep selected state visibly tactile, while respecting the existing palette. */
.v2-composer .chip.selected,
.v2-composer .seg.selected,
.v2-composer .time-chip.selected,
.v2-composer .time-skip.selected {
  box-shadow: 0 0 0 1px color-mix(in srgb, currentColor 18%, transparent),
              0 5px 18px rgba(0,0,0,.08);
}

@media (prefers-reduced-motion: reduce) {
  .v2-composer .chip,
  .v2-composer .seg,
  .v2-composer .time-chip,
  .v2-composer .time-skip,
  .v2-composer .v2-unit-toggle { transition: none !important; }
  .v2-composer .v7-control-set { animation: none !important; }
}