/* doc-project | projet/assets/css/admin-clipboard-image.css | styles dedies au bouton d import direct depuis le presse-papiers pour tous les formulaires et galeries media admin avec alignement des inputs fichier, etat de chargement et icone visible */
.admin-clipboard-import-field {
    display: grid;
    gap: 8px;
    align-content: start;
}

.admin-clipboard-import-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.admin-clipboard-import-row input[type="file"] {
    flex: 1 1 240px;
    min-width: 0;
}

.admin-clipboard-import-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
}

.admin-clipboard-import-button::before {
    content: '📋';
    font-size: 1rem;
    line-height: 1;
}

.admin-clipboard-import-button[disabled],
.admin-clipboard-import-button[aria-disabled="true"] {
    opacity: 0.72;
    cursor: wait;
}

.admin-clipboard-import-button--compact {
    align-self: flex-end;
}

@media (max-width: 720px) {
    .admin-clipboard-import-row {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-clipboard-import-button--compact {
        align-self: stretch;
    }
}