/* ──────────────────────────────────────────────────────────────────────────────
   Concrefer Frotas – mobile.css  (Refinamentos mobile-first e safe areas)
   ────────────────────────────────────────────────────────────────────────────── */

/* ─── Safe areas iOS ─────────────────────────────────────────────────────────── */
.app-header {
  padding-top: env(safe-area-inset-top, 0);
  height: calc(var(--header-h) + env(safe-area-inset-top, 0));
}
.app-content {
  margin-top: calc(var(--header-h) + env(safe-area-inset-top, 0));
}
.app-content--list,
.app-content--list.has-chips {
  margin-top: calc(var(--header-h) + env(safe-area-inset-top, 0) + var(--filter-bar-h));
}
.app-content--list.has-chips {
  margin-top: calc(var(--header-h) + env(safe-area-inset-top, 0) + var(--filter-bar-h) + 44px);
}
.bottom-nav {
  padding-bottom: env(safe-area-inset-bottom, 0);
  height: calc(var(--bottom-nav-h) + env(safe-area-inset-bottom, 0));
}

/* ─── Touch optimizations ────────────────────────────────────────────────────── */
* { -webkit-tap-highlight-color: transparent; }
input, textarea, select { -webkit-appearance: none; appearance: none; }
input[type="file"] { -webkit-appearance: none; }

/* ─── Prevent text selection on interactive elements ────────────────────────── */
.btn, .bottom-nav__item, .home-card, .status-chip, .priority-btn {
  user-select: none;
  -webkit-user-select: none;
}

/* ─── Smooth scrolling ───────────────────────────────────────────────────────── */
.app-content, .filters-panel, .modal {
  -webkit-overflow-scrolling: touch;
}

/* ─── Larger tap targets ─────────────────────────────────────────────────────── */
.btn-icon { min-width: 44px; min-height: 44px; }
.chamado-card, .frota-card, .mecanico-card { min-height: 80px; }

/* ─── Print layout ───────────────────────────────────────────────────────────── */
@media print {
  .app-header, .bottom-nav, .action-bar, .filter-bar, .status-chips, .toast, .loading-overlay { display: none !important; }
  .app-content { margin: 0 !important; padding: 0 !important; }
  body { background: white; }
  .chamado-card, .detail-section, .form-section { box-shadow: none; border: 1px solid #ccc; }
  #print-content { display: block !important; }
}

/* ─── Small screens (< 360px) ───────────────────────────────────────────────── */
@media (max-width: 360px) {
  .kpi-grid { grid-template-columns: 1fr 1fr; }
  .home-grid { grid-template-columns: 1fr 1fr; gap: var(--sp-sm); }
  .info-grid { grid-template-columns: 1fr; }
  .priority-selector { grid-template-columns: 1fr 1fr; }
  .form-row { grid-template-columns: 1fr; }
}

/* ─── Large screens: constrain width ────────────────────────────────────────── */
@media (min-width: 600px) {
  body { max-width: 600px; margin: 0 auto; }
  .app-header, .bottom-nav, .filter-bar, .status-chips, .filters-panel, .action-bar {
    max-width: 600px;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    width: 100%;
  }
  .toast { max-width: 560px; }
}