/* ═══════════════════════════════════════════════════════════
   pharmcell-mobile.css — 기본 모바일 반응형
═══════════════════════════════════════════════════════════ */

body.is-mobile #content {
  padding-bottom: 80px !important;
}

@media (max-width: 600px) {
  #content { padding: 12px !important; }
  .content-inner { max-width: 100% !important; padding: 0 !important; }
  .card { border-radius: 16px !important; margin-bottom: 12px !important; }
  .card-header { padding: 12px 14px !important; flex-wrap: wrap !important; gap: 8px !important; }
  .card-body { padding: 12px !important; }
  .tab-header { flex-direction: column !important; gap: 8px !important; align-items: flex-start !important; }
  table { font-size: 11px !important; }
  th, td { padding: 8px 6px !important; }
  input[type="text"], input[type="number"], input[type="date"],
  textarea, select { font-size: 14px !important; min-height: 38px; }
  .bnav-item { min-width: 58px !important; padding: 6px 6px !important; font-size: 9px !important; }
  #inv-category-chips { gap: 4px !important; }
  #inv-category-chips > div { padding: 3px 8px !important; font-size: 10px !important; }
}

@media (min-width: 601px) and (max-width: 900px) {
  #content { padding: 16px !important; }
  .content-inner { max-width: 100% !important; }
  div[style*="display:flex"][style*="gap:12px"] { flex-wrap: wrap !important; }
  div[style*="display:flex"][style*="gap:12px"] > button {
    flex: 1 1 calc(50% - 6px) !important; min-width: 120px !important;
  }
}