/* ===== تحسينات للشاشات الصغيرة (تاب 7 إنش - 600px x 1024px) ===== */
@media (max-width: 1024px) and (min-width: 600px) {

      /* تقليل padding في المودالات الكبيرة */
      .modal-content.modal-xl {
            padding: 15px;
            margin: 2% auto;
            max-width: 95%;
      }

      /* تقليل padding في header */
      .modal-header {
            padding-bottom: 10px;
            margin-bottom: 15px;
      }

      .modal-header h3 {
            font-size: 1.3rem;
      }

      /* تقليل spacing في forms */
      #assetModal .form-grid {
            gap: 0.6rem 1rem;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      }

      #assetModal .form-grid label {
            margin-bottom: 5px;
            font-size: 0.85rem;
      }

      #assetModal .form-grid input,
      #assetModal .form-grid select,
      #assetModal .form-grid textarea {
            padding: 8px 10px;
            font-size: 0.9rem;
      }

      #assetModal h4 {
            margin-top: 10px;
            margin-bottom: 8px;
            font-size: 1rem;
      }

      /* تقليل spacing في الأزرار */
      .action-btn,
      .action-btn-neutral {
            padding: 10px 20px;
            font-size: 0.9rem;
            margin-bottom: 5px;
      }

      /* تقليل padding في التبويبات */
      .modal-tabs .modal-tab-button {
            padding: 10px 15px;
            font-size: 0.9rem;
      }

      /* تقليل textarea rows */
      #assetModal .form-grid textarea {
            min-height: 60px;
      }
}

/* للشاشات الأصغر من 600px (موبايل) */
@media (max-width: 600px) {
      .modal-content.modal-xl {
            padding: 10px;
            margin: 1% auto;
            max-width: 98%;
      }

      #assetModal .form-grid {
            grid-template-columns: 1fr;
            gap: 0.5rem;
      }

      .modal-header h3 {
            font-size: 1.1rem;
      }

      #assetModal .form-grid label {
            font-size: 0.8rem;
            margin-bottom: 3px;
      }

      #assetModal .form-grid input,
      #assetModal .form-grid select,
      #assetModal .form-grid textarea {
            padding: 6px 8px;
            font-size: 0.85rem;
      }
}