/* V126 — Correcciones puntuales sin modificar el estilo general aprobado. */

/* Historial: los roles del roster de sala ya no son la referencia del mapa. */
#app #betaTab .beta-history-rosters{display:none!important}
#app #betaTab .beta-history-body{min-width:0}
#app #betaTab .worlds-replay-meta{position:relative;overflow:visible;gap:10px}
#app #betaTab .v126-replay-title{display:inline-flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}
#app #betaTab .v126-replay-editor{display:inline-block;position:static;margin:0;padding:0;border:0;background:none}
#app #betaTab .v126-replay-editor>summary{
 display:inline-grid!important;place-items:center!important;width:29px!important;height:29px!important;
 padding:0!important;margin:0!important;border:1px solid #5f9a9a!important;
 background:#143743!important;color:#b5f1e8!important;border-radius:0!important;
 cursor:pointer!important;font-size:18px!important;line-height:1!important;list-style:none!important;
}
#app #betaTab .v126-replay-editor>summary::-webkit-details-marker{display:none}
#app #betaTab .v126-replay-editor>summary:hover,#app #betaTab .v126-replay-editor[open]>summary{
 border-color:#c8efe4!important;background:#26515b!important;color:white!important;
}
#app #betaTab .v126-replay-editor .beta-history-link{
 position:absolute!important;left:0;top:calc(100% + 8px);z-index:60;
 width:min(100%,560px);box-sizing:border-box;padding:16px!important;
 background:#102d3a!important;border:1px solid #72b0aa!important;
 box-shadow:0 16px 28px #020e17a8!important;
}

/* Un solo cuadrante para apodo principal y apodos alternativos. */
#app #regularTab #profileForm>.v126-alias-group{
 grid-column:1/-1!important;display:flex!important;flex-direction:column!important;
 gap:10px!important;min-width:0!important;
}
#app #regularTab #profileForm>.v126-alias-group>label{display:flex!important;flex-direction:column!important;gap:9px!important;min-width:0}
#app #regularTab #profileForm>.v126-alias-group #profileNick{width:100%;box-sizing:border-box}
/* The alias area is exactly like Riot accounts: inputs followed by the add button. */
#app #regularTab #profileForm #profileAliases:empty{display:none!important}
#app #regularTab #profileForm #profileAliases{display:grid!important;gap:8px!important;min-width:0}
#app #regularTab #profileForm .riot-account-row.v126-alias-row{
 display:grid!important;grid-template-columns:minmax(0,1fr) 36px!important;gap:8px!important;
}
#app #regularTab #profileForm .riot-account-row.v126-riot-row{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(110px,135px) 36px!important;
 gap:8px!important;align-items:center!important;min-width:0!important;
}
#app #regularTab #profileForm .riot-account-row.v126-riot-row .riot-account-input,
#app #regularTab #profileForm .riot-account-row.v126-alias-row .profile-alias-input{
 width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
#app #regularTab #profileForm .riot-account-type{
 min-width:0;width:100%;height:45px;box-sizing:border-box;
 background:#0a2230;color:#d3f3e9;border:1px solid #5d8b93;
 border-radius:0;padding:8px 6px;font-size:10px;font-weight:850;cursor:pointer;
}
#app #regularTab #profileForm .riot-account-row .remove-riot,
#app #regularTab #profileForm .riot-account-row .remove-alias{
 width:36px!important;min-width:36px!important;height:45px!important;padding:0!important;
 display:grid!important;place-items:center!important;
}
#app #regularTab .v126-historical-note{color:#9fd2d1!important;font-style:italic}
@media(max-width:560px){
 #app #regularTab #profileForm .riot-account-row.v126-riot-row{
  grid-template-columns:minmax(0,1fr) 110px 32px!important;gap:5px!important;
 }
 #app #regularTab #profileForm .riot-account-type{font-size:9px;padding:5px 3px}
 #app #regularTab #profileForm .riot-account-row .remove-riot{min-width:32px!important;width:32px!important}
 #app #betaTab .v126-replay-editor .beta-history-link{width:100%}
}
