@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Componenti/TabControl.razor.rz.scp.css */
.tabcontrol[b-bijpvvyan3] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: .25rem;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
    background-color: var(--bg, white);
    padding: .25rem;
}

.tab-wrapper[b-bijpvvyan3] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.tab[b-bijpvvyan3] {
    appearance: none;
    border: none;
    background: transparent;
    padding: .5rem .75rem;
    font: inherit;
    color: var(--text, #374151);
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

    .tab:hover:not(.disabled)[b-bijpvvyan3],
    .tab:focus:not(.disabled)[b-bijpvvyan3] {
        color: var(--text-hover, #111827);
        outline: none;
    }

    .tab.active[b-bijpvvyan3] {
        color: var(--active-text, #111827);
        border-bottom-color: var(--accent, #3b82f6);
        font-weight: 600;
    }

    .tab.disabled[b-bijpvvyan3] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.close-btn[b-bijpvvyan3] {
    background: none;
    border: none;
    color: var(--close, #6b7280);
    cursor: pointer;
    padding: 0 .25rem;
    font-size: 1rem;
}

    .close-btn:hover[b-bijpvvyan3] {
        color: var(--close-hover, #dc2626);
    }

.panel[b-bijpvvyan3] {
    padding: .75rem 0;
}

    .panel.hidden[b-bijpvvyan3] {
        display: none;
    }

/* Animazione fade + slide solo quando diventa visibile */
@keyframes fadeSlideIn-b-bijpvvyan3 {
    from {
        opacity: 0;
        transform: translateY(0.5rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.panel.fade-in[b-bijpvvyan3] {
    animation: fadeSlideIn-b-bijpvvyan3 0.25s ease-out;
}

/* Tema dark */
:host-context(.dark)[b-bijpvvyan3] {
    --bg: #1f2937;
    --text: #d1d5db;
    --text-hover: white;
    --active-text: white;
    --accent: #60a5fa;
    --border-color: #374151;
    --close: #9ca3af;
    --close-hover: #f87171;
}
/* /Pages/CaricaDoc.razor.rz.scp.css */
main[b-e5sxqzz65d] {
    
}
.load-files-label[b-e5sxqzz65d] {
    padding: 20px;
    background-color: darkgray;
    color: black;
    border-radius: 10px;
    cursor: pointer;
    margin: 4rem;
    display: block;
}
/* /Pages/CaricaFoto.razor.rz.scp.css */
.label-form[b-bmbxy0qabl] {
    padding: 20px;
    background-color: blue;
    color: white;
    border-radius: 10px;
    cursor: pointer;
    margin: 1rem;
    display: block;
    text-align: center;
    width:auto;
}
/* /Pages/Home.razor.rz.scp.css */
.grid-container[b-4he08xxka9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
}

.grid-item[b-4he08xxka9] {
    cursor: pointer;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    transition: transform 0.2s ease;
}

    .grid-item:hover[b-4he08xxka9] {
        transform: scale(1.05);
    }

    .grid-item img[b-4he08xxka9] {
        width: 100%;
        height: auto;
        border-radius: 5px;
        aspect-ratio: 4/3;
        object-fit: cover;
    }
/* /Pages/Soci/SocioPutPage.razor.rz.scp.css */
.input-with-icon label[b-fiuq11fhjr] {
    display: flex;
    align-items: center;
    font-weight: 500;
    margin-bottom: 0.3rem;
}

    .input-with-icon label i[b-fiuq11fhjr] {
        width: 1.5rem;
        text-align: center;
        margin-right: 0.5rem;
        color: #495057;
    }

.input-with-icon .form-control[b-fiuq11fhjr],
.input-with-icon .form-select[b-fiuq11fhjr] {
    padding-left: 0.75rem;
}

[b-fiuq11fhjr]::placeholder {
    color: #6c757d;
    opacity: 1;
}

.d-flex.gap-3 input[type="radio"][b-fiuq11fhjr] {
    margin-top: 0.2rem;
}

.accordion-button i[b-fiuq11fhjr] {
    width: 1.5rem;
    text-align: center;
    margin-right: 0.5rem;
/* /Pages/Soci/SociPostPage.razor.rz.scp.css */
.accordion-collapse.collapse[b-sexhdo5qpe] {
    transition: height 0.35s ease, opacity 0.35s ease;
}

.accordion-collapse.collapsing[b-sexhdo5qpe] {
    opacity: 0; /* quando si sta chiudendo */
}

.accordion-collapse.collapse.show[b-sexhdo5qpe] {
    opacity: 1; /* quando è aperto */
}