/*─────────────────── вкладка «Файлы» карточки (ts_common_files.ts) ───────────────────
  Документы и фото объекта: список, загрузка через SignalR, удаление.
  ----------------------------------------------------------------------------------- */

.common_files {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 6px 2px;
    box-sizing: border-box;
    text-align: left;
}

    .common_files .cf_toolbar {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    /* загрузка - компактная иконка, а не широкая кнопка */
    .common_files .cf_upload {
        flex: 0 0 auto;
        width: 30px;
        height: 16px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        line-height: 1;
    }

    .common_files .cf_status {
        font-size: 12px;
        opacity: 0.8;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .common_files .cf_table {
        display: flex;
        flex-direction: column;
        border-top: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
    }

    .common_files .cf_row {
        display: grid;
        grid-template-columns: 70px minmax(0, 1fr) 110px 90px 160px 160px 40px;
        align-items: center;
        gap: 8px;
        padding: 6px 8px;
        border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
    }

        .common_files .cf_row.cf_head {
            font-weight: 600;
            font-size: 12px;
            opacity: 0.75;
        }

    .common_files .cf_cell {
        font-size: 12.5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
    }

    .common_files .cf_preview {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .common_files .cf_thumb {
        max-width: 56px;
        max-height: 56px;
        object-fit: cover;
        border-radius: 4px;
        background: rgba(0, 0, 0, 0.2);
    }

    .common_files .cf_icon {
        font-size: 20px;
    }

    .common_files .cf_link {
        color: var(--color-skyblue, #5cd0ff);
        text-decoration: none;
    }

        .common_files .cf_link:hover {
            text-decoration: underline;
        }

    .common_files .cf_actions {
        display: flex;
        justify-content: center;
    }

    .common_files .cf_delete {
        cursor: pointer;
        color: var(--color-red, #e05c5c);
        font-size: 14px;
        line-height: 1;
        padding: 2px 6px;
        border-radius: 4px;
    }

        .common_files .cf_delete:hover {
            background: rgba(224, 92, 92, 0.15);
        }