/* WorkSafe Inspections — Main Stylesheet */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  direction: rtl;
  font-family: 'Arial', 'Segoe UI', 'Helvetica Neue', sans-serif;
  font-size: 15px;
  color: #222;
  background: #f4f6f9;
  -webkit-font-smoothing: antialiased;
}

/* Admin panel overrides */
#wsi-admin-root {
  direction: rtl;
  font-family: 'Arial', 'Segoe UI', sans-serif;
}

/* App root */
#wsi-app-root {
  direction: rtl;
  min-height: 100vh;
}

/* Scrollbars */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f0f0f0; }
::-webkit-scrollbar-thumb { background: #bbb; border-radius: 3px; }

/* Focus styles */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #1a3a5c !important;
  box-shadow: 0 0 0 3px rgba(26,58,92,.12);
}

/* Mobile-first responsive */
@media (max-width: 640px) {
  main { padding: 10px !important; }

  /* Make buttons larger on mobile */
  button { min-height: 40px; }

  /* Full-width cards on mobile */
  .wsi-card { margin-bottom: 10px; }

  /* Stack grids on mobile */
  .wsi-grid-2, .wsi-grid-3 { grid-template-columns: 1fr !important; }

  /* טבלאות עמוסות בעמודות - טקסט וריפוד מוקטנים, גלילה אופקית חלקה עם אצבע */
  table { font-size: 12px !important; }
  table th, table td { padding: 6px 8px !important; }
  table td button, table th button { font-size: 11px !important; padding: 5px 8px !important; min-height: 32px !important; }
  div[style*="overflow-x: auto"], div[style*="overflowX"] { -webkit-overflow-scrolling: touch; }
}

/* Print styles for PDF */
@media print {
  .no-print { display: none !important; }
  body { background: white; }
  .page-break { page-break-before: always; }
}

/* WordPress admin override */
#wpwrap { direction: rtl; }
.wrap { direction: rtl; }