/* =========================================================
PRE-ISCRIZIONE
========================================================= */

.preiscrizione-content {
max-width: 1400px;
margin: 0 auto;
height: 100%;
overflow: scroll;
}

/* =========================================================
HEADER EVENTO
========================================================= */

.preiscrizione-event-card {
border-radius: 14px;
overflow: hidden;
}

.preiscrizione-event-logo {
display: flex;
align-items: center;
justify-content: center;
min-height: 150px;
}

.preiscrizione-event-logo .locandina-evento {
max-width: 100%;
max-height: 150px;
object-fit: contain;
}

.preiscrizione-event-header {
background: linear-gradient(135deg, #456fbf, #365f9f);
border-radius: 10px;
padding: .7rem 1rem;
color: #fff;
}

.preiscrizione-event-code {
font-size: .95rem;
font-weight: 600;
}

.preiscrizione-event-info {
padding: .8rem .5rem .2rem;
}

.preiscrizione-event-name {
display: block;
font-size: 1.25rem;
font-weight: 700;
margin-bottom: .25rem;
}

.preiscrizione-event-title {
display: block;
font-size: 1.05rem;
font-weight: 500;
margin-bottom: .65rem;
color: #00897b;
}

.preiscrizione-event-location,
.preiscrizione-event-date {
display: inline-flex;
align-items: center;
margin-right: 1.5rem;
font-size: .92rem;
color: #5f6368;
}

.preiscrizione-event-date {
margin-top: .35rem;
}

.preiscrizione-registration-date {
border-top: 1px solid #e5e7eb;
margin-top: 1rem;
padding-top: .8rem;
text-align: center;
}

.preiscrizione-info-label {
font-size: .82rem;
font-weight: 600;
color: #64748b;
}

.preiscrizione-info-value {
display: block;
margin-top: .25rem;
color: #456fbf;
font-size: .9rem;
font-weight: 600;
}

/* =========================================================
TITOLO
========================================================= */

.preiscrizione-page-title {
display: flex;
align-items: center;
gap: .85rem;
padding: .5rem .25rem .2rem;
}

.preiscrizione-page-title-icon {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 12px;
background: #eef4ff;
color: #456fbf;
font-size: 1.15rem;
}

.preiscrizione-page-title-text {
display: block;
font-size: 1.35rem;
font-weight: 700;
color: #263238;
}

.preiscrizione-page-title-subtitle {
margin-top: .15rem;
font-size: .8rem;
color: #78909c;
}

/* =========================================================
SEZIONI
========================================================= */

.preiscrizione-section {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 14px;
padding: 1.15rem;
box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

.preiscrizione-section-header {
display: flex;
align-items: center;
gap: .8rem;
padding-bottom: .85rem;
border-bottom: 1px solid #edf0f2;
}

.preiscrizione-section-icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 38px;
height: 38px;
border-radius: 10px;
background: #f1f7f6;
color: #00897b;
}

.preiscrizione-section-title {
font-size: 1rem;
font-weight: 700;
color: #263238;
}

.preiscrizione-section-description {
margin-top: .15rem;
font-size: .78rem;
color: #78909c;
}

/* =========================================================
DOCUMENTI
========================================================= */

.preiscrizione-document-card {
margin-top: 1rem;
padding: 1rem;
border: 1px solid #e5e7eb;
border-radius: 12px;
background: #fafbfc;
}

.preiscrizione-document-header {
margin-bottom: 1rem;
}

.preiscrizione-document-title {
display: flex;
align-items: center;
gap: .7rem;
}

.preiscrizione-document-icon {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 9px;
background: #fef2f2;
color: #d32f2f;
}

.preiscrizione-document-required {
margin-top: .15rem;
font-size: .75rem;
color: #9a6b00;
}

.preiscrizione-file-upload {
border: 0;
}

.preiscrizione-file-help {
margin-top: .6rem;
font-size: .75rem;
color: #8a6d1d;
line-height: 1.7;
}

.preiscrizione-file-help i {
color: #d97706;
}

.preiscrizione-uploaded-file {
min-height: 70px;
display: flex;
align-items: center;
}

.preiscrizione-uploaded-file > span {
width: 100%;
}

.preiscrizione-uploaded-file h3,
.preiscrizione-uploaded-file p {
margin: 0;
}

.preiscrizione-uploaded-file-icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 34px;
height: 34px;
border-radius: 50%;
background: #e8f5e9;
color: #2e7d32;
margin-right: .7rem;
}

.preiscrizione-uploaded-file-info {
flex: 1;
min-width: 0;
}

.preiscrizione-uploaded-file-label {
font-size: .72rem;
color: #78909c;
}

.preiscrizione-uploaded-file-name {
margin-top: .15rem;
font-size: .88rem;
font-weight: 600;
overflow-wrap: anywhere;
}

/* =========================================================
BORSA DI STUDIO
========================================================= */

.preiscrizione-scholarship {
padding-top: .9rem;
}

.preiscrizione-scholarship-check {
padding: .7rem .8rem;
border-radius: 9px;
background: #f8fafc;
}

/* =========================================================
AZIONI
========================================================= */

.preiscrizione-actions {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: center;
    margin-top: .25rem;
    flex-wrap: wrap;
}

.preiscrizione-actions .action-button  {
    width: 180px;
    max-width: 200px;
}


.preiscrizione-action-back {
flex: 1;
}

.preiscrizione-action-save {
flex: 2;
}

.preiscrizione-action-delete {
flex: 1;
}

.preiscrizione-actions .action-button  {
    padding: 0.65rem 1.25rem;
    font-size: 0.95rem;
    min-height: 40px;
}

.preiscrizione-actions .action-button  .ui-icon {
    font-size: 0.9rem;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media (max-width: 767px) {

.preiscrizione-event-card {
    padding: .75rem !important;
}

.preiscrizione-event-logo {
    min-height: 110px;
}

.preiscrizione-event-logo .locandina-evento {
    max-height: 110px;
}

.preiscrizione-event-name {
    font-size: 1.1rem;
    text-align: center;
}

.preiscrizione-event-title {
    font-size: .95rem;
    text-align: center;
}

.preiscrizione-event-location,
.preiscrizione-event-date {
    display: flex;
    justify-content: center;
    margin-right: 0;
}

.preiscrizione-page-title {
    padding-left: .1rem;
}

.preiscrizione-page-title-text {
    font-size: 1.2rem;
}

.preiscrizione-section {
    padding: .9rem;
}

.preiscrizione-document-card {
    padding: .8rem;
}

.preiscrizione-actions {
    flex-direction: column;
}

.preiscrizione-actions .ui-button {
    width: 100%;
}

.preiscrizione-action-back,
.preiscrizione-action-save,
.preiscrizione-action-delete {
    flex: none;
}


}