/* Keep the live revenue workspace close to the top edge and add restrained hover feedback. */
.revenue-page > .rv-app-main {
  padding-top: 12px;
}

.revenue-page .rv-app-header {
  min-height: 48px;
  margin-bottom: 12px;
}

.rv-fullscreen-dialog .rv-app-main {
  padding-top: 8px !important;
}

.rv-fullscreen-dialog .revenue-page {
  padding: 0 !important;
}

.rv-fullscreen-dialog .rv-app-header {
  min-height: 48px;
  margin-bottom: clamp(10px, 1.2vw, 18px);
}

.rv-revenue-card,
.rv-payout-card,
.rv-kpi,
.rv-panel,
.rv-category-detail,
.rv-booking-row,
.rv-payment-row {
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.rv-revenue-card:hover,
.rv-payout-card:hover,
.rv-kpi:hover,
.rv-panel:hover {
  transform: translateY(-3px);
  border-color: #d8e1ec;
  box-shadow: 0 12px 26px rgba(45, 61, 84, .09);
}

.rv-revenue-card:hover {
  border-color: #555a62;
  box-shadow: 0 14px 30px rgba(30, 35, 44, .18);
}

.rv-category {
  transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.rv-category:hover,
.rv-category:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(48, 68, 96, .09);
}

.rv-category-detail:hover,
.rv-booking-row:hover,
.rv-payment-row:hover {
  transform: translateY(-1px);
  border-color: #e0e7ef;
  box-shadow: 0 5px 14px rgba(45, 61, 84, .07);
}

.rv-periods button,
.rv-chart-ranges button,
.rv-primary,
.rv-secondary,
.rv-text-button,
.rv-notice,
.rv-location-select,
.rv-profile {
  transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.rv-periods button:hover,
.rv-chart-ranges button:hover,
.rv-primary:hover,
.rv-secondary:hover,
.rv-notice:hover,
.rv-location-select:hover,
.rv-profile:hover {
  transform: translateY(-1px);
}

@media (hover: none), (max-width: 640px) {
  .rv-revenue-card:hover,
  .rv-payout-card:hover,
  .rv-kpi:hover,
  .rv-panel:hover,
  .rv-category:hover,
  .rv-category-detail:hover,
  .rv-booking-row:hover,
  .rv-payment-row:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rv-revenue-card,
  .rv-payout-card,
  .rv-kpi,
  .rv-panel,
  .rv-category,
  .rv-category-detail,
  .rv-booking-row,
  .rv-payment-row,
  .rv-periods button,
  .rv-chart-ranges button,
  .rv-primary,
  .rv-secondary,
  .rv-text-button,
  .rv-notice,
  .rv-location-select,
  .rv-profile {
    transition: none;
  }
}