@import url('/brand-system.css?v=20260824-fe-elevation-1');

/* Shared behavior safeguards. Visual ownership lives in brand-system.css. */
html, body { overflow-x: clip; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
.main-content, .admin-workspace, .panel, .content-card, .table-wrap { min-width: 0; }
.hero-card, .balance-card, .topup-panel, .content-card, .section-card { scroll-margin-top: 88px; }
.portal-sidebar .logo-mark img,
.admin-sidebar .logo-mark img,
.mobile-console-bar .logo-mark img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 158px !important;
  max-height: 38px !important;
  object-fit: contain !important;
  object-position: left center !important;
  clip-path: none !important;
  filter: none !important;
  transform: none !important;
}
.audit-row, .audit-meta, .audit-details-grid, .audit-more-grid { min-width: 0; }
.audit-detail-chip { overflow-wrap: anywhere; }
.activity-modal .customer-audit-feed { overscroll-behavior: contain; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
  }
}