/* XMARTS LOCAL V96 — header simplificado + nombres limpios + acciones abajo a la derecha. */

/* Header limpio: sin marca redundante, sólo título y subtítulo más grandes. */
#peopleRail > .xm-personas-header{
  position:relative!important;
  min-height:78px!important;
  padding:10px 10px 8px!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  border-bottom:1px solid #ffffff12!important;
  background:
    linear-gradient(180deg,rgba(8,32,50,.16),rgba(8,32,50,.06)),
    linear-gradient(110deg,rgba(18,74,112,.20),rgba(5,22,36,0));
}
#peopleRail .xm-personas-brand,
#peopleRail .rail-head-actions,
#peopleRail #peopleRailClose{display:none!important}
#peopleRail .xm-personas-headline{
  position:static!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
  pointer-events:none!important;
}
#peopleRail .xm-personas-headline > b{
  display:block!important;
  margin:0!important;
  font-size:25px!important;
  font-weight:900!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  color:#fff!important;
}
#peopleRail .xm-personas-headline > span{
  display:block!important;
  font-size:13px!important;
  line-height:1.18!important;
  color:#d6e8f8!important;
  font-weight:650!important;
}
#peopleRail .xm-personas-headline > small{display:none!important}

/* Tarjetas de lista: nombre con todo el ancho arriba, estado abajo a la izquierda,
   acciones compactas abajo a la derecha. */
#peopleRail #directoryList[data-personas-view="list"]{
  gap:9px!important;
  padding-right:7px!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:
    "person person"
    "status actions"!important;
  align-items:start!important;
  column-gap:7px!important;
  row-gap:4px!important;
  min-height:75px!important;
  padding:8px 8px 7px!important;
  margin:0!important;
  box-sizing:border-box!important;
  background:linear-gradient(115deg,#12314a,#0b2437)!important;
  border:1px solid #3474a2a8!important;
  border-radius:9px!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-item:hover{
  background:linear-gradient(110deg,#17405e,#0e2b43)!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-item.is-self{
  grid-template-areas:
    "person person"
    "status status"!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-person{
  grid-area:person!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-name{
  display:flex!important;
  align-items:flex-start!important;
  gap:6px!important;
  min-width:0!important;
  width:100%!important;
  padding:0!important;
  white-space:normal!important;
}
#peopleRail #directoryList[data-personas-view="list"] canvas.dir-avatar{
  width:21px!important;
  height:27px!important;
  flex:0 0 21px!important;
  image-rendering:pixelated!important;
  object-fit:contain!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-name > span{
  display:block!important;
  min-width:0!important;
  flex:1 1 auto!important;
  font-size:calc(15px * var(--vo-text-scale,1))!important;
  font-weight:850!important;
  line-height:1.08!important;
  color:#f4fbff!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  text-overflow:clip!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-status{
  grid-area:status!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  margin:0!important;
  font-size:calc(12px * var(--vo-text-scale,1))!important;
  line-height:1.2!important;
  color:#d5e4f0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-status .status-dot{
  flex:0 0 8px!important;
  width:8px!important;
  height:8px!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-actions{
  grid-area:actions!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  align-self:end!important;
  gap:3px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-actions:empty{
  display:none!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-actions button{
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  padding:0!important;
  font-size:12px!important;
  border-radius:7px!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-person > .odoo-absence-tag,
#peopleRail #directoryList[data-personas-view="list"] .directory-person > .odoo-people-inline{
  display:none!important;
}

/* En cuadrícula no tocamos la estructura actual. */
#peopleRail #directoryList[data-personas-view="grid"] .directory-actions button{
  width:22px!important;min-width:22px!important;height:22px!important;font-size:11px!important;
}