/* Zone de dépôt de docid — composant sgbl/deposit : le formulaire où l'on glisse ou choisit le fichier
   à identifier, à l'accueil et à la page d'identification d'un jeton ; son module : sgbl_deposit.js. Un
   cadre en tirets, qui prend l'encre d'action pendant qu'un fichier le survole. */

@layer components {
    .deposit {
        display: flex;
        flex-direction: column;
        gap: var(--canon-space-4);
        padding: var(--canon-space-8) var(--canon-space-6);
    }
    .deposit-slot {
        display: flex;
        flex-direction: column;
        gap: var(--canon-space-4);
    }
    .deposit-slot:empty {
        display: none;
    }
    .deposit {
        border: 2px dashed var(--canon-theme-control-boundary);
        border-radius: var(--canon-radius-card);
        background-color: var(--canon-theme-raised);
    }
    .deposit[data-deposit="over"] {
        border-color: var(--canon-theme-action);
        background-color: var(--canon-theme-highlight);
    }
}