/* XMARTS LOCAL V93 — solamente Personas. Vista Lista igual a referencia V93.
   Conserva la sincronización Odoo de V92 y las dos vistas reales Lista/Cuadrícula. */

/* Control pequeño en la esquina, sin tapar filas ni parecer botón de acción grande. */
#peopleRail .personas-resize-grip {
  position:absolute;right:3px;bottom:3px;z-index:9;
  display:grid;place-items:center;box-sizing:border-box;
  width:16px;height:16px;min-width:16px;min-height:16px;
  padding:0!important;margin:0!important;
  border:1px solid #79b7d780;border-radius:4px;
  background:#103951;color:#d1efff;
  font:700 12px/1 Arial,sans-serif;
  cursor:nwse-resize!important;touch-action:none;user-select:none;
  box-shadow:0 0 0 1px #04182888;
}
#peopleRail .personas-resize-grip:hover,#peopleRail .personas-resize-grip:focus-visible {
  background:#156690;border-color:#3ecfff;outline:1px solid #92e8ff;outline-offset:1px;
}
@media(min-width:901px){
  #peopleRail.rail-user-sized{width:var(--personas-user-width,252px)!important;max-height:none!important;min-height:300px!important;bottom:auto!important;box-sizing:border-box}
  #peopleRail.rail-user-positioned{left:var(--personas-user-left,24px)!important}
}
@media(max-width:900px){#peopleRail .personas-resize-grip{display:none!important}}

/* Lista como captura: avatar y nombre grande, permitiendo dos líneas.
   Acciones a la DERECHA de la persona, no en una fila propia debajo.
   Estado legible debajo, sin cargo, correo ni equipo redundantes. */
#peopleRail #directoryList[data-personas-view="list"] {gap:9px!important;padding-right:7px!important;}
#peopleRail #directoryList[data-personas-view="list"] .directory-item {
  position:relative!important;display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:center!important;
  box-sizing:border-box!important;min-height:75px!important;
  padding:8px 8px 7px!important;margin:0!important;gap:2px!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-person {
  display:flex!important;flex-direction:column!important;
  justify-content:center!important;gap:3px!important;
  width:calc(100% - 125px)!important;min-height:0!important;
  position:static!important;overflow:visible!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-name {
  display:flex!important;align-items:flex-start!important;
  gap:6px!important;min-width:0!important;
  white-space:normal!important;line-height:1.2!important;
  padding:0!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;
  font-size:calc(15px * var(--vo-text-scale,1))!important;
  font-weight:850!important;line-height:1.16!important;
  white-space:normal!important;overflow:visible!important;
  text-overflow:clip!important;overflow-wrap:break-word!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-status {
  display:flex!important;align-items:center!important;gap:4px!important;
  margin:0!important;max-width:100%!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  font-size:calc(12px * var(--vo-text-scale,1))!important;line-height:1.2!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 {
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  position:absolute!important;top:50%;right:5px;
  width:122px!important;margin:0!important;padding:0!important;
  transform:translateY(-50%);gap:3px!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-actions button {
  width:28px!important;min-width:28px!important;height:28px!important;
  font-size:14px!important;border-radius:8px!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-item:has(.directory-actions:empty){
  min-height:60px!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-item:has(.directory-actions:empty) .directory-person{
  width:100%!important;
}
#peopleRail #directoryList[data-personas-view="list"] .directory-person>.odoo-absence-tag{
  margin:2px 0 0!important;font-size:calc(10px * var(--vo-text-scale,1))!important;
}
/* Para paneles ensanchados la lista usa el espacio extra y no trunca los nombres. */
@media(min-width:901px){
  #peopleRail.rail-user-sized #directoryList[data-personas-view="list"] .directory-person {width:calc(100% - 125px)!important;}
  #peopleRail.rail-user-sized #directoryList[data-personas-view="list"] .directory-item:has(.directory-actions:empty) .directory-person{width:100%!important;}
}
/* Mobile remains scrollable and the resize grip is intentionally hidden. */