/* Зона загрузки файлов - generateFileDrop (lib/functions.php), js/file_drop.js */
.file-drop {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 12px;
    transition: background-color .15s, box-shadow .15s;
}

.file-drop.is-drag {
    background-color: rgba(21, 52, 64, .06);
    box-shadow: 0 0 0 2px #153440;
}

.file-drop.is-loading {
    opacity: .6;
    pointer-events: none;
}

.file-drop-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.file-drop-list:empty {
    display: none;
}

.file-drop-item {
    position: relative;
}

.file-drop-item img {
    display: block;
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #d9dee3;
}

.file-drop-file a {
    display: inline-block;
    max-width: 260px;
    padding: 6px 10px;
    border: 1px solid #d9dee3;
    border-radius: 8px;
    color: #153440;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-drop-pick {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 14px 12px;
    border: 2px dashed #b8c4cc;
    border-radius: 12px;
    background: #fff;
    color: #153440;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s, background-color .15s;
}

.file-drop-pick:hover,
.file-drop.is-drag .file-drop-pick {
    border-color: #153440;
    background-color: #f5f8fa;
}

.file-drop-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

.file-drop-icon {
    font-size: 22px;
    line-height: 1;
    font-weight: 300;
}

.file-drop-text {
    font-size: 15px;
    font-weight: 500;
}

.file-drop-hint {
    font-size: 12px;
    color: #6b7a86;
}

.file-drop-msg {
    display: none;
    font-size: 13px;
    color: #2e7d32;
}

.file-drop-msg.is-error {
    color: #c62828;
}

/* Фото профиля и логотип компании: превью на ширину колонки, как в modules/header_acc.php (.my__profile-img img), под ним кнопка */
.file-drop-avatar,
.file-drop-logo {
    width: 100%;
}

.file-drop-avatar .file-drop-list,
.file-drop-avatar .file-drop-item,
.file-drop-logo .file-drop-list,
.file-drop-logo .file-drop-item {
    width: 100%;
}

.file-drop-avatar .file-drop-item img,
.file-drop-logo .file-drop-item img {
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 10px;
}

/* логотип не обрезается, прозрачный фон - на белом */
.file-drop-logo .file-drop-item img {
    object-fit: contain;
    background: #fff;
}

/* узкая колонка (логотип - 15% ширины формы): подсказка мельче */
.file-drop-logo .file-drop-pick {
    padding: 10px 6px;
}

.file-drop-logo .file-drop-hint {
    font-size: 11px;
}

.file-drop-avatar .file-drop-pick,
.file-drop-logo .file-drop-pick {
    width: 100%;
    box-sizing: border-box;
}

/* Итог загрузки (window.fileDropReport в js/file_drop.js) */
.file-drop-report {
    background: #fff;
    border-radius: 10px;
    padding: 15px 20px;
}

.file-drop-report h3 {
    margin: 0 0 10px;
    font-size: 18px;
}

.file-drop-report-list {
    margin: 0 0 15px;
    padding-left: 18px;
    font-size: 15px;
    line-height: 1.6;
}

.file-drop-report-list .is-ok {
    color: #2e7d32;
}

.file-drop-report-list .is-warn {
    color: #b26a00;
}

.file-drop-report-list .is-error {
    color: #c62828;
}

.file-drop-report-list a {
    color: #153440;
    text-decoration: underline;
}

.file-drop-report-done {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: #6b7a86;
}

/* Пояснения под зоной загрузки */
.file-drop-notes {
    margin: 8px 0 0;
    padding-left: 18px;
    font-size: 13px;
    color: #6b7a86;
    line-height: 1.5;
}

/* Файлы кандидата: загруженные показываются в списке карточки (js/load_user_files.js), не в зоне */
.file-drop-userfiles .file-drop-list {
    display: none;
}

/* Фото вакансии при редактировании: загруженные показываются миниатюрами в списке формы (js/load_img_vacancy.js) */
.file-drop-vacphotos .file-drop-list {
    display: none;
}

/* Миниатюры фото вакансии - float: left (style.css #list li), без этого ul высотой 0: jQuery UI 1.13 sortable переставляет,
   только когда указатель внутри ul (innermostContainer), - перетаскивание «не срабатывало» */
.photo__selection #list ul.drag {
    display: flow-root;
}