/* MasterBinder 0.1.13c - Profilo privato e modalità Modifica, isolati dalla pagina pubblica. */
.mb-private-profile-page{
    width:100%;
    max-width:1180px;
    margin:0 auto;
    display:grid;
    gap:16px;
    box-sizing:border-box;
}
.mb-private-profile-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    padding:20px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    background:rgba(12,21,40,.70);
    box-sizing:border-box;
}
.mb-private-profile-head h1{margin:.15rem 0 .35rem}
.mb-private-profile-head p{margin:0;color:rgba(230,235,245,.62)}
.mb-private-profile-page .mb-profile-kicker{
    font-size:.72rem;
    font-weight:950;
    letter-spacing:.16em;
    color:#f0c94a;
}
.mb-private-profile-head-actions{
    display:flex;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:9px;
}
.mb-private-profile-card{
    display:grid;
    gap:18px;
    min-width:0;
    padding:20px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    background:rgba(12,21,40,.70);
    box-sizing:border-box;
}
.mb-private-profile-page .mb-profile-section{display:grid;gap:12px;min-width:0}
.mb-private-profile-page .mb-profile-section+.mb-profile-section{
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.08);
}
.mb-private-profile-page .mb-profile-section h2,
.mb-private-profile-card>h2{margin:0}
.mb-private-profile-page .mb-profile-section h3{margin:.2rem 0 0}
.mb-private-profile-page .mb-profile-data-grid,
.mb-private-profile-page .mb-profile-read-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
}
.mb-private-profile-page .mb-profile-data-grid label{
    display:grid;
    gap:5px;
    min-width:0;
}
.mb-private-profile-page .mb-profile-data-grid label>span,
.mb-private-profile-page .mb-profile-read-grid dt,
.mb-private-profile-page .mb-profile-personalization-view span{
    font-size:.78rem;
    color:rgba(230,235,245,.58);
    font-weight:800;
}
.mb-private-profile-page .mb-profile-data-grid input,
.mb-private-profile-page .mb-profile-data-grid select,
.mb-private-profile-page .mb-profile-data-grid textarea{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.13);
    border-radius:10px;
    background:#0e192d;
    color:#fff;
    padding:10px 11px;
    font:inherit;
}
.mb-private-profile-page .mb-profile-data-grid textarea{resize:vertical;line-height:1.5}
.mb-private-profile-page .mb-profile-field-wide,
.mb-private-profile-page .mb-profile-read-wide{grid-column:1/-1}
.mb-private-profile-page .mb-profile-read-grid{margin:0}
.mb-private-profile-page .mb-profile-read-grid>div{
    display:grid;
    gap:4px;
    padding:12px;
    border:1px solid rgba(255,255,255,.06);
    border-radius:12px;
    background:rgba(255,255,255,.02);
    min-width:0;
}
.mb-private-profile-page .mb-profile-read-grid dd{
    margin:0;
    overflow-wrap:anywhere;
    white-space:pre-wrap;
}
.mb-private-profile-page .mb-profile-personalization-view{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:18px;
}
.mb-private-profile-page .mb-profile-personalization-view>div:not(.mb-private-avatar-preview){display:grid;gap:4px}
.mb-private-profile-page .mb-private-avatar-preview{
    width:84px;
    height:84px;
    flex:0 0 84px;
    overflow:hidden;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    background:rgba(255,255,255,.07);
    font-size:2.4rem;
}
.mb-private-profile-page .mb-private-avatar-preview img{width:100%;height:100%;object-fit:cover}
.mb-private-profile-page .mb-profile-form-actions{display:flex;flex-wrap:wrap;gap:9px}
.mb-private-profile-page .mb-profile-errors{
    padding:12px;
    border:1px solid rgba(255,100,100,.28);
    border-radius:12px;
    background:rgba(160,30,30,.12);
    color:#ffd0d0;
}
.mb-private-profile-sightings-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    align-items:start;
}
.mb-private-profile-page .mb-profile-sighting-list{display:grid;gap:8px}
.mb-private-profile-page .mb-profile-sighting-row{
    display:flex;
    justify-content:space-between;
    gap:14px;
    min-width:0;
    padding:11px 12px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:rgba(255,255,255,.025);
    color:inherit;
    text-decoration:none;
}
.mb-private-profile-page .mb-profile-sighting-row:hover{background:rgba(255,216,77,.06)}
.mb-private-profile-page .mb-profile-sighting-row>div{display:grid;gap:3px;min-width:0}
.mb-private-profile-page .mb-profile-sighting-row strong,
.mb-private-profile-page .mb-profile-sighting-row span{overflow-wrap:anywhere}
.mb-private-profile-page .mb-profile-sighting-row span,
.mb-private-profile-page .mb-profile-sighting-row time{
    font-size:.78rem;
    color:rgba(230,235,245,.56);
}
.mb-private-profile-page .mb-profile-sighting-row time{white-space:nowrap}

@media(max-width:760px){
    .mb-private-profile-head{flex-direction:column}
    .mb-private-profile-head-actions{width:100%;display:grid;grid-template-columns:1fr}
    .mb-private-profile-page .mb-profile-data-grid,
    .mb-private-profile-page .mb-profile-read-grid,
    .mb-private-profile-sightings-grid{grid-template-columns:1fr}
    .mb-private-profile-page .mb-profile-field-wide,
    .mb-private-profile-page .mb-profile-read-wide{grid-column:auto}
    .mb-private-profile-page .mb-profile-sighting-row{flex-direction:column}
    .mb-private-profile-page .mb-profile-sighting-row time{white-space:normal}
    .mb-private-profile-page .mb-profile-personalization-view{align-items:flex-start}
}
@media(max-width:430px){
    .mb-private-profile-card,.mb-private-profile-head{padding:15px}
}