/*
 * La fenêtre qui confirme une mise à la corbeille, et ce qu'elle annonce.
 *
 * Même filets que la fenêtre d'ajout : l'en-tête et le pied se détachent de la question, qui
 * garde le blanc pour elle et pour le relevé posé dessous.
 */
.trash-dialog {
    max-width: 32rem;
}

.trash-dialog .app-modal-header {
    padding-bottom: var(--app-space-md);
    margin-bottom: var(--app-space-lg);
    border-bottom: 1px solid var(--app-line);
}

.trash-dialog .panel-title {
    padding-bottom: 0;
    border-bottom: 0;
}

.trash-dialog .app-modal-footer {
    padding-top: var(--app-space-md);
    margin-top: var(--app-space-lg);
    border-top: 1px solid var(--app-line);
}

.trash-dialog-question {
    margin: 0;
}

.trash-dialog-failed {
    margin: var(--app-space-md) 0 0;
    color: var(--app-ink-muted);
}

.trash-fallout {
    margin-top: var(--app-space-lg);
}

.trash-fallout-heading {
    margin: 0 0 var(--app-space-sm);
    font-weight: 600;
}

/* Un cadre et des filets : chaque endroit se lit comme une ligne à part, sans puces. */
.trash-fallout-list {
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none;
    border: 1px solid var(--app-line);
    border-radius: var(--app-radius-ui);
}

.trash-fallout-item {
    display: flex;
    gap: var(--app-space-sm);
    align-items: center;
    min-width: 0;
    padding: var(--app-space-sm) var(--app-space-md);
}

.trash-fallout-item + .trash-fallout-item {
    border-top: 1px solid var(--app-line);
}

/* Le dessin dans une pastille teintée : on reconnaît la sorte avant de lire le nom. */
.trash-fallout-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    color: var(--app-accent-ink);
    background: var(--app-accent-soft);
    border-radius: var(--app-radius-ui);
}

.trash-fallout-name {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trash-fallout-kind {
    flex: 0 0 auto;
    padding: 0 var(--app-space-xs);
    font-size: 0.8125rem;
    color: var(--app-ink-muted);
    border: 1px solid var(--app-line);
    border-radius: var(--app-radius-pill);
}

.trash-fallout-note {
    margin: var(--app-space-xs) 0 0;
    font-size: 0.875rem;
    color: var(--app-ink-muted);
}

.trash-fallout-more {
    color: var(--app-ink-muted);
}

/*
 * Ce que l'assistant propose de supprimer, posé dans la conversation.
 *
 * La même forme que l'encart de mémoire — un encart qui attend une réponse et disparaît dès
 * qu'on a tranché —, sur un fond neutre : c'est une question qui retire, pas une qui ajoute.
 */
.trash-offer {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--app-space-md);
    align-items: start;
    padding: var(--app-space-md);
    background: var(--app-surface);
    border: 1px solid var(--app-line-strong);
    border-radius: var(--app-radius);
}

.trash-offer[data-failed] {
    border-color: var(--app-danger);
}

.trash-offer-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    color: var(--app-danger);
    background: var(--app-danger-soft);
    border-radius: var(--app-radius-pill);
}

.trash-offer-body {
    min-width: 0;
}

.trash-offer-question {
    margin: 0 0 var(--app-space-sm);
    font-weight: 600;
}

.trash-offer-list {
    display: grid;
    gap: var(--app-space-sm);
    padding: 0;
    margin: 0;
    list-style: none;
}

.trash-offer-item {
    padding: var(--app-space-xs) 0;
    border-top: 1px solid var(--app-line);
}

.trash-offer-item:first-child {
    border-top: 0;
}

.trash-offer-item > .trash-fallout-item {
    padding: 0;
}

/* Le relevé d'une chose se lit sous elle, en retrait : il la complète, il ne la vaut pas. */
.trash-offer-item .trash-fallout {
    margin: var(--app-space-xs) 0 0 calc(1.75rem + var(--app-space-sm));
    font-size: 0.875rem;
}

.trash-offer-item .trash-fallout-heading {
    margin-bottom: var(--app-space-2xs);
    font-weight: 500;
    color: var(--app-ink-muted);
}

.trash-offer-note {
    margin: var(--app-space-sm) 0;
    font-size: 0.875rem;
    color: var(--app-ink-muted);
}

.trash-offer-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--app-space-xs);
}