/* =========================================================
   Samurai Store V1.39.2 · Cuentas compartidas visuales
   Vista de perfiles tipo editor: tarjetas compactas por slot.
   No cambia datos ni lógica de stock; sólo presentación.
   ========================================================= */

#accountsSection[data-account-view-active="list"] .shared-inventory-profiles{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  padding:15px!important;
  background:#07111d!important;
  border-top:1px solid #1a2d48!important;
}

#accountsSection[data-account-view-active="list"] .shared-profile-card{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:205px!important;
  height:auto!important;
  padding:12px 12px 10px!important;
  border:1.5px solid #40506a!important;
  border-radius:14px!important;
  background:#0b1421!important;
  transform:none!important;
  overflow:visible!important;
}

#accountsSection[data-account-view-active="list"] .shared-profile-card.shared-profile-free{
  border-color:#00a97b!important;
  background:linear-gradient(180deg,rgba(0,169,123,.09),#0a151b 52%)!important;
  box-shadow:inset 0 0 0 1px rgba(0,169,123,.07)!important;
}
#accountsSection[data-account-view-active="list"] .shared-profile-card.shared-profile-occupied{
  border-color:#d94d61!important;
  background:linear-gradient(180deg,rgba(217,77,97,.09),#161016 52%)!important;
  box-shadow:inset 0 0 0 1px rgba(217,77,97,.06)!important;
}
#accountsSection[data-account-view-active="list"] .shared-profile-card.shared-profile-reserved{
  border-color:#c9932f!important;
  background:linear-gradient(180deg,rgba(201,147,47,.09),#17140d 52%)!important;
}
#accountsSection[data-account-view-active="list"] .shared-profile-card.selected{
  outline:2px solid #5d7dff!important;
  outline-offset:1px!important;
}

/* La tarjeta normal sigue existiendo para mantener todas las acciones,
   pero dentro del grupo mostramos únicamente la versión compacta. */
#accountsSection[data-account-view-active="list"] .shared-profile-card > .inventory-card-top,
#accountsSection[data-account-view-active="list"] .shared-profile-card > .inventory-card-badges,
#accountsSection[data-account-view-active="list"] .shared-profile-card > .inventory-card-meta,
#accountsSection[data-account-view-active="list"] .shared-profile-card > .inventory-access-quick,
#accountsSection[data-account-view-active="list"] .shared-profile-card > .provider-hold-banner,
#accountsSection[data-account-view-active="list"] .shared-profile-card > .account-smart-flag{
  display:none!important;
}

#accountsSection[data-account-view-active="list"] .shared-profile-card .account-select{
  left:8px!important;top:8px!important;width:22px!important;height:22px!important;
  border-radius:7px!important;background:rgba(5,12,20,.9)!important;
}
#accountsSection[data-account-view-active="list"] .shared-profile-card .account-select input{
  width:13px!important;height:13px!important;
}
#accountsSection[data-account-view-active="list"] .shared-profile-card .account-card-menu{
  right:7px!important;top:7px!important;bottom:auto!important;
}
#accountsSection[data-account-view-active="list"] .shared-profile-card .account-card-menu summary{
  width:27px!important;height:27px!important;border-radius:8px!important;font-size:16px!important;
}
#accountsSection[data-account-view-active="list"] .shared-profile-card .account-card-actions{
  right:0!important;top:32px!important;bottom:auto!important;width:220px!important;z-index:30!important;
}

.shared-profile-compact{
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding:2px 2px 0;
}
.shared-profile-compact-top{
  position:relative;
  min-height:55px;
  display:grid;
  place-items:center;
}
.shared-profile-number{
  position:absolute;left:1px;top:1px;
  width:24px;height:24px;display:grid;place-items:center;
  border-radius:50%;background:#08101e;border:1px solid #253451;
  color:#edf3ff;font-size:10px;font-weight:900;
}
.shared-profile-avatar{
  width:42px;height:42px;display:grid;place-items:center;
  border-radius:50%;background:#22314a;color:#a8b6cb;
  font-size:23px;filter:saturate(.35);
}
.shared-profile-free .shared-profile-avatar{background:#173f35;color:#65dbb6}
.shared-profile-occupied .shared-profile-avatar{background:#4a262f;color:#ff8898}
.shared-profile-reserved .shared-profile-avatar{background:#493b1d;color:#f0c762}
.shared-profile-state-dot{
  position:absolute;right:3px;top:4px;width:9px;height:9px;border-radius:50%;
  background:#d94d61;box-shadow:0 0 0 3px rgba(217,77,97,.12)
}
.shared-profile-free .shared-profile-state-dot{background:#16c998;box-shadow:0 0 0 3px rgba(22,201,152,.12)}
.shared-profile-reserved .shared-profile-state-dot{background:#e0aa42;box-shadow:0 0 0 3px rgba(224,170,66,.12)}

.shared-profile-compact-copy{text-align:center;min-width:0;padding:2px 4px 0}
.shared-profile-compact-copy b{
  display:block;color:#edf2fb;font-size:12px;line-height:1.2;font-weight:900;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.shared-profile-compact-copy strong{
  display:block;margin-top:5px;color:#c3ccda;font-size:10px;line-height:1.25;font-weight:800;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.shared-profile-free .shared-profile-compact-copy strong{color:#69d9b6}
.shared-profile-occupied .shared-profile-compact-copy strong{color:#f49aa6}
.shared-profile-reserved .shared-profile-compact-copy strong{color:#e7c574}
.shared-profile-compact-copy small{
  display:block;margin-top:3px;color:#71839c;font-size:8px;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.shared-profile-compact-footer{
  display:flex;justify-content:space-between;gap:6px;margin-top:10px;padding-top:8px;
  border-top:1px solid rgba(116,139,170,.15);color:#6f8097;font-size:7.5px;font-weight:750;
}
.shared-profile-compact-footer span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shared-profile-compact-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;padding-top:9px;padding-right:31px;
}
.shared-profile-mini-btn{
  min-height:28px;border:1px solid #263954;border-radius:8px;background:#0b1726;
  color:#92a4bd;font-size:8px;font-weight:850;cursor:pointer;
}
.shared-profile-mini-btn:hover{border-color:#435d83;color:#eef4ff;background:#12223a}
.shared-profile-mini-btn.primary{border-color:#315c54;background:#0c2822;color:#7ae0bf}
.shared-profile-mini-btn.primary:hover{background:#12372f;color:#b7f5df}

/* El encabezado de la cuenta conserva la vista resumen y el anillo correcto. */
#accountsSection[data-account-view-active="list"] .shared-inventory-group[open]{
  grid-column:1/-1!important;
}
#accountsSection[data-account-view-active="list"] .shared-inventory-group[open] .shared-inventory-summary{
  border-bottom:0!important;
}

@media(max-width:1500px){
  #accountsSection[data-account-view-active="list"] .shared-inventory-profiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1180px){
  #accountsSection[data-account-view-active="list"] .shared-inventory-profiles{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  #accountsSection[data-account-view-active="list"] .shared-inventory-profiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px!important;gap:9px!important}
  #accountsSection[data-account-view-active="list"] .shared-profile-card{min-height:198px!important}
}
@media(max-width:520px){
  #accountsSection[data-account-view-active="list"] .shared-inventory-profiles{grid-template-columns:1fr!important}
  #accountsSection[data-account-view-active="list"] .shared-profile-card{min-height:186px!important}
}