/* cards.css — card menu/utente legacy (.card-menu, .card-user, .users-grid) e pulsante elimina.
   NB: candidati sospetti-inutilizzati, in via di sostituzione da .modello-* (vedi docs/audit-css.md). */

/*Card-Menu*/

.card-menu {
    background-clip: padding-box;
    box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%);
    border-radius: 0.5rem;
    border: 0 solid #d9dee3;
}

.min-card {
    min-width: 60%;
}

.card-menu .card-header {
    padding: 1.5rem 1.5rem;
    background-color: transparent;
    border-bottom: 0 solid #d9dee3;
}

.card-menu #header-pratica, #header-password {
    padding: 0.5rem 0.5rem;
    background-color: var(--back-color-light);
    border-bottom: 0 solid #d9dee3;
}

.card-menu .card-body {
    padding: 1.5rem 1.5rem;
}

.card-menu .card-footer {
    padding: 0.25rem 1.5rem;
    border-top: 0px solid #d9dee3;
    background-color: transparent;
}

/*Card-User*/
.card-user {
    width: auto;
    position: relative;
}

/* Griglia utenti responsive (UsersList) */
.users-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}

.user-card-delete {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    z-index: 1;
}

.btn-delete {
    background: transparent url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate%28-225.000000, -250.000000%29'%3E%3Cg id='Icon-Color' transform='translate%28225.000000, 250.500000%29'%3E%3Cuse fill='%23a1acb8' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='white' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/0.8em no-repeat;
}

.card-user .btn-delete:hover {
    right: -8px;
    top: -8px;
    transition: all 0.23s ease 0.1s;
}

.card-user .btn-delete {
    background-color: var(--btn-danger-color);
    border-radius: 0.5rem;
    opacity: 1;
    padding: 0.635rem;
    box-shadow: 0 0.125rem 0.25rem rgb(161 172 184 / 40%);
    transition: all 0.23s ease 0.1s;
    margin: 0;
    position: absolute;
    right: -13px;
    top: -13px;
}

#card-add .btn-delete {
    background-color: var(--btn-danger-color);
    transform: translate(8px, -24px);
    transition: all 0.23s ease 0.1s;
}

    #card-add .btn-delete:hover {
        transform: translate(4px, -18px);
        transition: all 0.23s ease 0.1s;
    }