/* AD Mobile Engine — tokens globais */
:root {
  --me-safe-top: env(safe-area-inset-top, 0px);
  --me-safe-bottom: env(safe-area-inset-bottom, 0px);
  --me-safe-left: env(safe-area-inset-left, 0px);
  --me-safe-right: env(safe-area-inset-right, 0px);
  --me-app-height: 100dvh;
  --me-touch-min: 44px;
  --me-header-h: calc(56px + var(--me-safe-top));
  --me-bottom-bar: calc(12px + var(--me-safe-bottom));
  --vv-offset-bottom: 0px;
  --me-gap-xs: 0.35rem;
  --me-gap-sm: 0.5rem;
  --me-gap-md: 0.75rem;
  --me-gap-lg: 1rem;
  --me-content-pad-x: 1.125rem;
  --me-inset-x: max(var(--me-content-pad-x), var(--me-safe-left), var(--me-safe-right));
}

html[data-mobile-app='true'] {
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

/* Cantos da tela — gutters por tier (auto layout) */
html[data-layout='xs'] {
  --me-content-pad-x: 1.125rem;
  --me-gap-sm: 0.45rem;
  --me-gap-md: 0.6rem;
  --me-card-pad: 0.55rem 0.6rem;
}

html[data-layout='sm'] {
  --me-content-pad-x: 1.25rem;
  --me-gap-sm: 0.5rem;
  --me-gap-md: 0.65rem;
  --me-card-pad: 0.6rem 0.65rem;
}

html[data-layout='md'] {
  --me-content-pad-x: 1.5rem;
  --me-gap-sm: 0.55rem;
  --me-gap-md: 0.75rem;
  --me-card-pad: 0.65rem 0.75rem;
}

html[data-layout='lg'] {
  --me-content-pad-x: 1.75rem;
  --me-gap-sm: 0.6rem;
  --me-gap-md: 0.85rem;
  --me-card-pad: 0.75rem 0.85rem;
}

html[data-layout='xl'] {
  --me-content-pad-x: 2rem;
  --me-gap-sm: 0.65rem;
  --me-gap-md: 0.9rem;
  --me-card-pad: 0.8rem 0.9rem;
}

html[data-layout] {
  --me-inset-x: max(var(--me-content-pad-x), var(--me-safe-left), var(--me-safe-right));
}