/* جوال متوسط: 375px–766px (مثل iPhone 414) — تناسق العناوين والنصوص */
@media screen and (min-width: 375px) and (max-width: 766px) {
  :root {
    --layout-pad-x: 16px;
    --layout-pad-y: 12px;
    --section-gap: 10px;
    --card-pad: 12px;
    --page-title-size: 20px;
    --kpi-value-size: clamp(17px, 4.5vw, 21px);
    --kpi-label-size: 13px;
    --btn-pad-y: 8px;
    --btn-pad-x: 12px;
    --input-pad-y: 9px;
    --input-pad-x: 11px;
  }

  html {
    font-size: 14px;
  }

  .main-content {
    padding: var(--layout-pad-y) var(--layout-pad-x) !important;
  }

  .page-header h1,
  .page-header .page-title-text {
    font-size: var(--page-title-size) !important;
    line-height: 1.2;
  }

  .main-content .input-group label,
  .main-content form label,
  .card .input-group label,
  .filters-bar .input-group label {
    font-size: 12px !important;
    margin-bottom: 4px !important;
    line-height: 1.3 !important;
  }

  .main-content .input,
  .main-content .select,
  .main-content .textarea,
  .main-content form .input,
  .main-content form .select {
    font-size: 13px !important;
    padding: var(--input-pad-y) var(--input-pad-x) !important;
  }

  .main-content h2,
  .main-content .card > h3,
  .main-content .panel-card > h3,
  .chart-card h3,
  .modal h3 {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  .kpi-grid .kpi-card .label,
  .kpi-card .label {
    font-size: var(--kpi-label-size) !important;
  }

  .kpi-grid .kpi-card .value,
  .kpi-card .value,
  .kpi-card .value .money-amount,
  .kpi-card .value .money-value {
    font-size: var(--kpi-value-size) !important;
  }

  .kpi-compare {
    font-size: 11px !important;
  }

  table thead th,
  table th {
    font-size: 11px !important;
    padding: 7px 5px !important;
    line-height: 1.2 !important;
  }

  table tbody td,
  table td {
    font-size: 11px !important;
    padding: 6px 5px !important;
    line-height: 1.25 !important;
  }

  table td .badge {
    font-size: 10px !important;
    padding: 2px 6px !important;
  }

  .chart-empty,
  .empty-state,
  .empty-hint,
  td.empty-state {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .form-hint,
  .label-optional {
    font-size: 11px !important;
  }

  /* صفحة الملفات — هوامش أوضح وتسلسل نصوص */
  .main-content.files-page {
    padding: var(--layout-pad-y) 18px !important;
  }

  .files-page .page-subtitle {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .files-page .files-section-title,
  .files-page h2.files-section-title {
    font-size: 15px !important;
    margin-bottom: 4px !important;
  }

  .files-page .files-section-desc,
  .files-page .files-modal-desc {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .files-breadcrumb,
  .files-breadcrumb-empty,
  .files-breadcrumb button {
    font-size: 12px !important;
  }

  .files-tree-hint,
  .files-tree-root .empty-state,
  .files-drag-hint {
    font-size: 12px !important;
    line-height: 1.4 !important;
    padding: 14px 10px !important;
  }

  .files-section,
  .files-page > .card,
  .files-page > .filters-bar {
    margin-bottom: var(--section-gap);
  }

  .files-explorer-card,
  .files-upload-card,
  .files-filters {
    padding: var(--card-pad) !important;
  }

  .tree-name {
    font-size: 12px !important;
  }

  .tree-meta {
    font-size: 10px !important;
  }

  .page-actions,
  .header-actions {
    gap: 6px !important;
  }

  .page-actions .btn,
  .header-actions .btn,
  .header-actions .export-dropdown .btn {
    font-size: 12px !important;
    padding: var(--btn-pad-y) var(--btn-pad-x) !important;
  }

  .export-menu {
    inset-inline-start: 0 !important;
    inset-inline-end: auto !important;
    left: auto !important;
    right: auto !important;
    max-width: min(11rem, calc(100vw - var(--layout-pad-x) * 2)) !important;
  }
}