/* MENZIL - Широкое поле штрих-кода
   - Склад: .scanner-input-group (Прибытие, Выдача)
   - Клиент: #client-track-input (Мои посылки → Найти посылку)
*/

@media (max-width: 768px) {
  
  /* ============================================ */
  /* === СКЛАД: Прибытие и Выдача === */
  /* ============================================ */
  
  .scanner-input-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    align-items: stretch !important;
  }
  
  .scanner-input-group .scanner-input {
    flex: 1 1 calc(100% - 66px) !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: calc(100% - 66px) !important;
    order: 1 !important;
    font-size: 14px !important;
    padding: 14px 12px !important;
    font-family: monospace !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
  }
  
  .scanner-input-group button[onclick*="openCameraScanner"],
  .scanner-input-group button[title*="канировать"] {
    flex: 0 0 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    padding: 0 !important;
    order: 2 !important;
    font-size: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .scanner-input-group button:not([onclick*="openCameraScanner"]):not([title*="канировать"]) {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    order: 3 !important;
    padding: 14px 18px !important;
    font-size: 15px !important;
    justify-content: center !important;
    margin-top: 2px !important;
  }
  
  /* ============================================ */
  /* === КЛИЕНТ: Поиск посылки === */
  /* ============================================ */
  
  /* Контейнер с полем поиска и кнопками */
  #client-tab-packages .card > div[style*="flex"]:has(#client-track-input) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: stretch !important;
  }
  
  /* Универсальный fallback (если :has не поддерживается) */
  #client-tab-packages #client-track-input {
    width: 100% !important;
    font-size: 14px !important;
    padding: 12px 12px !important;
    font-family: monospace !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
  }
  
  /* Обёртка с label - на всю ширину минус камера */
  #client-tab-packages #client-track-input {
    box-sizing: border-box !important;
  }
  
  /* Родитель input (с label) - на ширину минус камера */
  #client-track-input + * ,
  #client-tab-packages div[style*="flex:1"]:has(#client-track-input) {
    flex: 1 1 calc(100% - 66px) !important;
    min-width: 0 !important;
    order: 1 !important;
  }
  
  /* Поле + label занимают почти всю ширину */
  #client-tab-packages > .card div[style*="flex:1"] {
    flex: 1 1 calc(100% - 66px) !important;
    min-width: 0 !important;
    order: 1 !important;
  }
  
  /* Кнопка КАМЕРЫ (📷) - 50px справа от поля */
  #client-tab-packages button[onclick*="openClientCameraScanner"],
  #client-tab-packages button[title*="канировать"] {
    flex: 0 0 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    padding: 0 !important;
    order: 2 !important;
    height: 50px !important;
    font-size: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-end !important;
  }
  
  /* Кнопка НАЙТИ (🔍) - на всю ширину снизу */
  #client-tab-packages button[onclick*="trackClientPackage"] {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    order: 3 !important;
    padding: 12px 18px !important;
    font-size: 15px !important;
    justify-content: center !important;
    margin-top: 4px !important;
    height: auto !important;
  }
}