/* SIOV360 V21.274 · Separación Propietario / Super Administrador */

/* Tarjeta de cliente: cada dato conserva su propia columna y los correos largos nunca invaden el consumo. */
#ownerClientList .owner-client-row{
  grid-template-columns:52px minmax(175px,1.15fr) 108px minmax(205px,1.15fr) minmax(145px,.78fr) 125px minmax(170px,.9fr)!important;
  column-gap:16px!important;
  row-gap:10px!important;
  align-items:center!important;
}
#ownerClientList .owner-client-row>*{min-width:0!important}
#ownerClientList .owner-client-company b,
#ownerClientList .owner-client-contact b{
  display:block!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:normal!important;
  line-height:1.25!important;
}
#ownerClientList .owner-client-contact{padding-right:4px!important}
#ownerClientList .owner-client-usage{padding-left:6px!important;border-left:1px solid #edf1f5!important}
#ownerClientList .owner-client-usage span{white-space:normal!important;line-height:1.3!important}
#ownerClientList .owner-actions{justify-content:flex-start!important;align-content:center!important}

/* Organigrama ahora vive dentro de Configuración del cliente. */
.siov-org-config{margin-top:18px!important;border:1px solid #dce5ee!important;border-radius:14px!important;padding:16px!important;background:#fff!important}
.siov-org-config .owner-org-head{margin-bottom:10px!important}
.siov-org-company-context{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;margin:0 0 12px;border-radius:999px;background:#eef8e8;color:#467334;font-size:9px;font-weight:850}
.siov-org-config .owner-org-grid{grid-template-columns:minmax(180px,1fr) minmax(220px,1.25fr) 150px minmax(220px,1.1fr)!important}
.siov-org-config .owner-org-actions{margin-top:12px!important}
.siov-org-config .owner-org-table-wrap{margin-top:12px!important}

@media(max-width:1250px){
  #ownerClientList .owner-client-row{grid-template-columns:52px minmax(180px,1fr) 105px minmax(190px,1fr)!important}
  #ownerClientList .owner-client-row>*:nth-child(n+5){grid-column:auto!important}
  #ownerClientList .owner-client-usage{border-left:0!important;padding-left:0!important}
}
@media(max-width:780px){
  #ownerClientList .owner-client-row{grid-template-columns:48px 1fr!important}
  #ownerClientList .owner-client-row>*:nth-child(n+3){grid-column:2!important}
  .siov-org-config .owner-org-grid{grid-template-columns:1fr!important}
}