/* ============================================
   MAIN CSS — único entry (CSS_MOUNTING_DIOXUS)
   Fuente: app/assets/css/ → servido en /css/
   ============================================ */

/* Base — fundamentos (siempre primero) */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');

/* Utilities */
@import url('./utilities/animations.css');
@import url('./utilities/helpers.css');

/* Layout — scaffold Dioxus (RSX actual) */
@import url('./layout/app-shell.css');
@import url('./layout/header.css');

/* Layouts — shell prototipo (mapa, bottom sheet, responsive) */
@import url('./layouts/app.css');
@import url('./layouts/bottom-sheet.css');
@import url('./layouts/responsive.css');

/* Components */
@import url('./components/forms.css');
@import url('./components/modal.css');
@import url('./components/delivery-colors.css');
@import url('./components/buttons.css');
@import url('./components/address-list.css');
@import url('./components/admin-view.css');
@import url('./components/details-modal.css');
@import url('./components/draggable-list.css');
@import url('./components/header.css');
@import url('./components/login-view.css');
@import url('./components/notification.css');
@import url('./components/package-card.css');
@import url('./components/package-list.css');
@import url('./components/package-dnd.css');
@import url('./components/collapsible.css');
@import url('./components/progress.css');
@import url('./components/dialog.css');
@import url('./components/progress-dashboard.css');
@import url('./components/scanner.css');
@import url('./components/settings-popup.css');
@import url('./components/sync-indicator.css');
@import url('./components/icons.css');

/* Document shell — scroll en .app-content, no en body */
html,
body,
#main {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
  -webkit-tap-highlight-color: transparent;
}

body {
  touch-action: manipulation;
}

input,
textarea,
select {
  font-size: 16px;
}

.error {
  color: var(--color-error);
  font-size: 0.875rem;
  margin-top: 8px;
}