/* Responsive tweaks for ~15" laptops (common 1366x768) */
@media (max-width: 1366px) {
  html { font-size: 14px; }
  body { font-size: 14px; }

  .content-body {
    padding: 10px;
  }

  .nav-header .brand-logo img { max-width: 90px; height: auto; }

  .deznav { width: 230px; }
  .deznav .metismenu a { padding: 10px 14px; font-size: 14px; }

  .table, table.table { font-size: 14px; }
  .table td, .table th { padding: 8px 10px; }

  /* Ensure cards/widgets fit without overflow */
  .card-body { padding: 12px; }
  .container-fluid { padding-left: 12px; padding-right: 12px; }

  /* KPI widgets: reduce oversized numbers on smaller screens */
  .widget-stat .media .media-body h3,
  .widget-stat .ai-icon .media-body h3,
  .widget-stat .media-body h3 {
    font-size: 20px; /* was ~32px+ in theme */
    line-height: 1.2;
    font-weight: 600;
  }
  .widget-stat .media.ai-icon > span,
  .widget-stat .ai-icon > span {
    transform: scale(0.9);
    margin-inline-end: 0.6rem; /* me-3 alternative for RTL/LTR */
  }
  .card .card-title { font-size: 16px; }
}

/* Tighter breakpoint just below 1350px for extra safety */
@media (max-width: 1350px) {
  .widget-stat .media .media-body h3,
  .widget-stat .ai-icon .media-body h3,
  .widget-stat .media-body h3 { font-size: 18px; }
}

/* Slightly short screens */
@media (max-height: 800px) {
  .content-body { min-height: calc(100vh - 120px); }
}