/*
 * Trash-specific styling.
 *
 * The trash list reuses the generic ResourceList layout entirely. Only the
 * permanent-delete tint, the "Empty trash" danger button, and the
 * remaining-days badge live here — everything else inherits from
 * `.btn-action` and the generic `--color-*` tokens.
 *
 * Restore is intentionally a NEUTRAL action (no tint) — it just undoes a
 * previous delete and shouldn't compete visually with the destructive action.
 */

.btn-action--delete {
    color: var(--color-danger-text-alt);
}

.btn-danger {
    background-color: var(--color-danger-bg);
    color: var(--color-danger-text);
}

.btn-danger:hover {
    background-color: var(--color-danger-bg-hover);
}

/* Expiry chip itself (`.expiry-chip`) lives in components/expiryChip.css
 * since it's shared with My Shares. Below is just the Trash-specific
 * grid-view overlay positioning. */

/* ── Grid view: anchor the chip on the card's top-right corner ───────
 * The generic `.date-cell` is hidden in grid view (resourceList.css);
 * trash overrides this so the badge stays visible as an overlay.
 * Scoped to `.trash-list` so other sections are unaffected.
 *
 * Negative offsets make the chip straddle the card edge so it visually
 * "tags" the corner without eating into the centred icon/name area —
 * no extra padding is needed on the card body.
 */
.files-grid-view.trash-list .file-item .date-cell {
    display: block;
    position: absolute;
    top: -1px;
    right: 3px;
    z-index: 2;
    padding: 0;
}

/* A subtle shadow lifts the chip above the card border so it reads as
 * a tag sitting on top, not as misaligned content. */
.files-grid-view.trash-list .file-item .date-cell .expiry-chip {
    box-shadow: 0 1px 3px var(--color-shadow-xs);
}