/* Элементы браузера на языке приложения (native-ui.js; решение пользователя 05.10.2026, задача objectdb-contract-card).
   Подключается на каждой странице приложения и админ-панели. Цвета — токены приложения (app.css), в админ-панели —
   запасные значения. */

/* Поле выбора файла (решение 125): «Выбрать файл» и строка выбора на языке приложения; само поле браузера невидимо
   лежит поверх рамки — щелчок в любом месте рамки и перетаскивание файла работают как у обычного поля. Без скрипта —
   обычное поле браузера. */
.file-drop {
  position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; margin: 0 0 12px;
  padding: 14px 16px; border: 1.5px dashed var(--border-strong, #d0d5dd); border-radius: 12px; background: var(--bg, #f5f6f8);
}
.file-drop input[type=file] { max-width: 100%; font: inherit; font-size: .84rem; }
.native-ui .file-drop input[type=file], .fields-js .file-drop input[type=file] {
  position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;
}
.native-ui .file-drop .file-drop-button, .fields-js .file-drop .file-drop-button { display: inline-flex; flex: none; pointer-events: none; }
.native-ui .file-drop:focus-within, .fields-js .file-drop:focus-within { outline: 2px solid var(--accent, #2458d6); outline-offset: 2px; }
.file-drop.is-over { border-color: var(--accent, #2458d6); background: var(--accent-soft, #eaf0fc); }
.file-drop-auto { margin: 4px 0 0; }
.file-drop-chosen { flex: 1 1 200px; min-width: 0; color: var(--muted, #667085); font-size: .84rem; overflow-wrap: anywhere; }
.file-drop-auto.has-files .file-drop-chosen { color: var(--text, #1c2430); }
.file-drop-auto.is-invalid { border-color: var(--tone-danger-text, #b42318); }
.file-drop-auto.is-invalid .file-drop-chosen { color: var(--tone-danger-text, #b42318); }