/* XMARTS LOCAL V89 — Personas, pruebas localhost. NO modifica el tamaño exterior del panel. */
#peopleRail{padding:7px!important;gap:0!important}
#peopleRail>.xm-personas-header{
  position:relative!important;flex:0 0 95px!important;min-height:95px!important;
  box-sizing:border-box;display:block!important;padding:9px 8px 6px!important;
  border:1px solid rgba(43,169,250,.40)!important;border-radius:11px!important;
  background:linear-gradient(90deg,rgba(4,15,46,.99) 0%,rgba(6,29,67,.92) 39%,rgba(6,24,59,.48) 73%),
    url('/assets/personas-v89-banner.webp') center right/cover no-repeat!important;
  box-shadow:inset 0 1px 0 #61d4ff18,0 4px 14px #0005!important;
  cursor:grab;
}
#peopleRail>.xm-personas-header:active{cursor:grabbing}
#peopleRail .xm-personas-brand{position:relative;z-index:1;display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;max-width:calc(100% - 29px)}
#peopleRail .xm-personas-logo{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:8px;font-size:16px;line-height:1;font-weight:900;color:#d190ff;background:linear-gradient(145deg,#281258,#160e3e);box-shadow:inset 0 0 0 1px #8563d955}
#peopleRail .xm-personas-brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;line-height:1.12}
#peopleRail .xm-personas-brand-text b{font-size:10px!important;letter-spacing:.065em!important;font-weight:900;color:#fff}
#peopleRail .xm-personas-brand-text small{font-size:5.8px!important;letter-spacing:.16em;color:#4dd2ff;font-weight:800}
#peopleRail .xm-personas-headline{position:absolute!important;left:9px;bottom:7px;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;z-index:1;pointer-events:none}
#peopleRail .xm-personas-headline>b{font-size:18px!important;font-weight:900;line-height:1.08!important;letter-spacing:-.04em;color:#fff}
#peopleRail .xm-personas-headline>span{font-size:9px!important;color:#d4e5ff;line-height:1.2}
#peopleRail .xm-personas-headline>small{font-size:7px!important;color:#87aed0;line-height:1.2}
#peopleRail .xm-personas-header .rail-head-actions{position:absolute!important;right:6px;top:6px;z-index:4}
#peopleRail .xm-personas-header #peopleRailClose{width:25px!important;height:25px!important;border:1px solid #8cb4ff25!important;background:#07172bd9!important;border-radius:8px!important;color:#edfaff!important;font-size:17px!important;line-height:1!important}
#peopleRail .xm-personas-header #peopleRailClose:hover{background:#144265!important;border-color:#32b9ff!important}
#peopleRail>.xm-personas-directory{margin-top:7px!important;gap:0!important;flex:1 1 auto!important;min-height:0!important;padding:0!important}
#peopleRail .xm-personas-tools{display:flex!important;flex-direction:column!important;gap:5px!important;margin:0 0 6px!important;min-width:0!important;flex:0 0 auto!important}
#peopleRail .xm-personas-tools input#directorySearch{display:block;box-sizing:border-box;width:100%!important;min-width:0!important;height:29px!important;padding:5px 8px!important;font-size:9px!important;line-height:1!important;border:1px solid #7aaae058!important;border-radius:9px!important;outline:0;background:linear-gradient(180deg,#142e4b,#0b2037)!important;color:#e9f4ff!important;box-shadow:inset 0 1px 1px #0003!important}
#peopleRail .xm-personas-tools input#directorySearch:focus{border-color:#1da9ff!important;box-shadow:0 0 0 2px #1289ff28!important}
#peopleRail .xm-personas-tools input#directorySearch::placeholder{color:#94b5d1!important}
#peopleRail .xm-personas-filters{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.90fr);gap:5px}
#peopleRail .xm-personas-filters select{display:block;min-width:0!important;width:100%!important;height:29px!important;margin:0!important;padding:4px 14px 4px 6px!important;border:1px solid #73a7d144!important;border-radius:8px!important;outline:none;background:#0b2137!important;color:#dceeff!important;font-size:8px!important;white-space:nowrap!important;text-overflow:ellipsis!important}
#peopleRail .xm-personas-filters select:focus{border-color:#25aaff!important}
#peopleRail .xm-personas-summary{box-sizing:border-box;width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:0 0 auto!important;margin:0 0 5px;min-height:37px;padding:5px 0;background:linear-gradient(180deg,#0d2742dd,#071b31dd);border:1px solid #63b7ef32;border-radius:9px;box-shadow:inset 0 1px #aaddff07}
#peopleRail .xm-personas-summary>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;border-right:1px solid #90c5ec20}
#peopleRail .xm-personas-summary>span:last-child{border:0}
#peopleRail .xm-personas-summary strong{font-size:12px;font-weight:800;color:#e8f5ff;font-variant-numeric:tabular-nums;line-height:1.2}
#peopleRail .xm-personas-summary small{font-size:7px;color:#94b5cd;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}
#peopleRail .xm-personas-summary .xm-green{color:#11e7a4}
#peopleRail .xm-personas-summary .xm-amber{color:#ffca62}
#peopleRail .xm-personas-summary .xm-gray{color:#9fb8d2}
#peopleRail .xm-personas-switch{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:30px;flex:0 0 30px!important;padding:1px 0 5px}
#peopleRail #xmPersonasResultCount{font-size:8px;color:#8db5cf;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#peopleRail .xm-personas-switch-buttons{display:flex;gap:3px;background:#071a2ddb;border-radius:8px;padding:2px;border:1px solid #68b1dd35}
#peopleRail .xm-personas-switch-buttons button{display:grid!important;place-items:center!important;width:28px!important;height:22px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#9bbbd1!important;font-size:16px!important;line-height:1;cursor:pointer}
#peopleRail .xm-personas-switch-buttons button.active{color:#fff!important;background:linear-gradient(180deg,#137ff7,#0858c1)!important;box-shadow:0 0 10px #007dff66!important}
#peopleRail .xm-personas-switch-buttons button:hover:not(.active){background:#22415c!important}
/* Los cinco filtros originales siguen disponibles en el desplegable Estado. */
#peopleRail #directoryStatusCounts{display:none!important}
#peopleRail #directoryList{box-sizing:border-box;flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2px 2px 16px 0!important;scrollbar-width:thin;scrollbar-color:#266084 transparent}
#peopleRail #directoryList .directory-item{box-sizing:border-box;min-width:0;border:1px solid #69aeed24!important;border-radius:9px!important;background:linear-gradient(110deg,#102b45d9,#071d31eb)!important;box-shadow:inset 0 1px #ffffff08;transition:background .16s,border-color .16s}
#peopleRail #directoryList .directory-item:hover{background:linear-gradient(100deg,#153c5c,#0b2743)!important;border-color:#3f9cda99!important}
#peopleRail #directoryList .directory-name{color:#f4faff!important;font-weight:800;font-size:9px}
#peopleRail #directoryList .directory-name>span{overflow:hidden;text-overflow:ellipsis}
#peopleRail #directoryList .directory-meta{color:#9dbbd2!important;font-size:8px!important;line-height:1.25;overflow:hidden;text-overflow:ellipsis}
#peopleRail #directoryList .directory-status{color:#bad2e2!important;font-size:8px!important;line-height:1.2}
#peopleRail #directoryList .directory-status .status-dot{border:0!important}
#peopleRail #directoryList .directory-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:0}
#peopleRail #directoryList .directory-actions button{display:grid;place-items:center;padding:0!important;min-width:23px;width:23px;height:23px;font-size:12px!important;border:1px solid #72b5e63c!important;border-radius:7px!important;color:#ccecff!important;background:linear-gradient(180deg,#123552,#08263f)!important;cursor:pointer}
#peopleRail #directoryList .directory-actions button:hover:not(:disabled){border-color:#168fff!important;background:#135286!important;transform:translateY(-1px)}
#peopleRail #directoryList .directory-actions button:disabled{opacity:.32;cursor:not-allowed}
#peopleRail #directoryList .directory-item .odoo-absence-tag{font-size:7px!important;padding:2px 4px!important;margin:3px 0 0!important;white-space:normal!important;line-height:1.1}
/* Lista: compacta, con avatar de 30 y los cuatro controles originales. */
#peopleRail #directoryList[data-personas-view="list"]{display:flex!important;flex-direction:column;gap:5px;align-items:stretch}
#peopleRail #directoryList[data-personas-view="list"] .directory-item{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;padding:7px!important;min-height:79px!important;margin:0!important}
#peopleRail #directoryList[data-personas-view="list"] .directory-person{width:100%;min-width:0;overflow:hidden}
#peopleRail #directoryList[data-personas-view="list"] .directory-name{display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;padding-right:0}
#peopleRail #directoryList[data-personas-view="list"] canvas.dir-avatar{width:31px!important;height:31px!important;flex:0 0 31px!important;image-rendering:pixelated}
#peopleRail #directoryList[data-personas-view="list"] .directory-meta{margin:-7px 0 0 37px!important;max-width:calc(100% - 38px);white-space:nowrap}
#peopleRail #directoryList[data-personas-view="list"] .directory-meta [data-directory-location]{display:none}
#peopleRail #directoryList[data-personas-view="list"] .directory-status{margin:4px 0 0 37px!important;white-space:nowrap}
#peopleRail #directoryList[data-personas-view="list"] .directory-actions{margin-top:-25px;margin-left:auto;padding-right:0}
#peopleRail #directoryList[data-personas-view="list"] .directory-person>.odoo-absence-tag{margin-left:37px!important}
/* Cuadrícula: dos columnas dentro de los mismos 252px originales. */
#peopleRail #directoryList[data-personas-view="grid"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;grid-auto-flow:row!important;gap:5px!important}
#peopleRail #directoryList[data-personas-view="grid"] .directory-item{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;gap:2px!important;min-height:139px!important;padding:6px 5px!important;margin:0!important;overflow:hidden!important}
#peopleRail #directoryList[data-personas-view="grid"] .directory-person{width:100%;min-width:0;cursor:pointer}
#peopleRail #directoryList[data-personas-view="grid"] .directory-name{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;line-height:1.1!important;text-align:center!important}
#peopleRail #directoryList[data-personas-view="grid"] canvas.dir-avatar{width:53px!important;height:53px!important;flex:0 0 53px!important;image-rendering:pixelated;filter:drop-shadow(0 3px 7px #0004)}
#peopleRail #directoryList[data-personas-view="grid"] .directory-name>span{display:block;width:100%;font-size:8.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#peopleRail #directoryList[data-personas-view="grid"] .directory-meta{text-align:center;font-size:7px!important;line-height:1.24;margin:1px 0 0!important;white-space:nowrap}
#peopleRail #directoryList[data-personas-view="grid"] .directory-meta [data-directory-location]{display:none!important}
#peopleRail #directoryList[data-personas-view="grid"] .directory-status{text-align:center!important;margin-top:3px!important;font-size:7px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#peopleRail #directoryList[data-personas-view="grid"] .directory-actions{margin-top:auto;width:100%;justify-content:center;gap:2px!important}
#peopleRail #directoryList[data-personas-view="grid"] .directory-actions button{width:22px!important;min-width:22px!important;height:22px!important;border-radius:7px!important;font-size:11px!important}
#peopleRail #directoryList[data-personas-view="grid"] .directory-person>.odoo-absence-tag{display:block;margin:3px 0 2px!important;font-size:7px!important;text-align:center}
#peopleRail #directoryList[data-personas-view="grid"] .directory-empty{grid-column:1/-1}
@media(max-width:900px){
 #peopleRail{max-height:calc(100dvh - 128px)!important}
 #peopleRail #directoryList[data-personas-view="grid"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* En tema claro mantenemos contraste sin alterar el resto de la oficina. */
html[data-theme="light"] #peopleRail .xm-personas-summary{background:#e8f3fe!important;border-color:#9dc0df!important}
html[data-theme="light"] #peopleRail .xm-personas-summary strong{color:#123c56}
html[data-theme="light"] #peopleRail .xm-personas-summary small{color:#49697d}
html[data-theme="light"] #peopleRail .xm-personas-summary .xm-green{color:#008459}
html[data-theme="light"] #peopleRail .xm-personas-summary .xm-amber{color:#ad690c}
#peopleRail #directoryList[data-personas-view="list"] .directory-status{max-width:calc(100% - 105px)!important;overflow:hidden!important;text-overflow:ellipsis!important}


/* XMARTS LOCAL V90 — legibilidad + filtrado por estado + resumen Odoo real.
   Sin alterar el tamaño del panel, sin tocar su lógica de LiveKit. */
#peopleRail>.xm-personas-header{flex-basis:84px!important;min-height:84px!important}
#peopleRail .xm-personas-logo{width:25px;height:25px;flex-basis:25px;font-size:17px}
#peopleRail .xm-personas-brand-text b{font-size:calc(12px * var(--vo-text-scale,1))!important}
#peopleRail .xm-personas-brand-text small{font-size:calc(8px * var(--vo-text-scale,1))!important;letter-spacing:.10em!important}
#peopleRail .xm-personas-headline>b{font-size:calc(19px * var(--vo-text-scale,1))!important}
#peopleRail .xm-personas-headline>span{font-size:calc(11px * var(--vo-text-scale,1))!important}
#peopleRail .xm-personas-headline>small{font-size:calc(10px * var(--vo-text-scale,1))!important}
#peopleRail .xm-personas-headline{gap:1px!important;bottom:6px}
#peopleRail .xm-personas-tools{gap:5px!important;margin-bottom:6px!important}
#peopleRail .xm-personas-tools input#directorySearch{height:37px!important;font-size:calc(12px * var(--vo-text-scale,1))!important;padding:7px 9px!important}
#peopleRail .xm-personas-filters{grid-template-columns:1fr 1fr;gap:6px}
#peopleRail .xm-personas-filters select{font-size:calc(11px * var(--vo-text-scale,1))!important;height:35px!important;padding-left:7px!important;padding-right:18px!important;color:#f2f8ff!important}
#peopleRail .xm-personas-summary{min-height:49px!important;padding:0!important;margin:2px 0 6px!important}
#peopleRail .xm-personas-summary>.xm-personas-stat{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0!important;padding:4px 0!important;border:0!important;border-right:1px solid #90c5ec24!important;border-radius:0!important;background:transparent!important;color:#fff!important;cursor:pointer}
#peopleRail .xm-personas-summary>.xm-personas-stat:last-child{border-right:0!important}
#peopleRail .xm-personas-summary>.xm-personas-stat:hover{background:#26639545!important}
#peopleRail .xm-personas-summary>.xm-personas-stat[aria-pressed="true"]{background:#1e83d630!important;box-shadow:inset 0 -2px #1c9aff!important}
#peopleRail .xm-personas-summary .xm-personas-stat strong{font-size:calc(15px * var(--vo-text-scale,1))!important;font-weight:850!important;line-height:1.15!important}
#peopleRail .xm-personas-summary .xm-personas-stat:nth-child(2) strong{color:#0df0ae!important}
#peopleRail .xm-personas-summary .xm-personas-stat:nth-child(3) strong{color:#ffc76a!important}
#peopleRail .xm-personas-summary .xm-personas-stat:nth-child(4) strong{color:#abc4e0!important}
#peopleRail .xm-personas-summary .xm-personas-stat small{font-size:calc(9px * var(--vo-text-scale,1))!important;color:#d0e6f5!important;max-width:100%;white-space:nowrap}
#peopleRail .xm-personas-switch{min-height:31px!important}
#peopleRail #xmPersonasResultCount{font-size:calc(11px * var(--vo-text-scale,1))!important;color:#c0dce9!important;max-width:158px}
#peopleRail .xm-personas-switch-buttons button{width:30px!important;height:26px!important;font-size:19px!important}
#peopleRail #directoryList .directory-item{border-color:#86b9e84d!important}
#peopleRail #directoryList .directory-name{font-size:calc(15px * var(--vo-text-scale,1))!important;line-height:1.27!important}
#peopleRail #directoryList .directory-name>span{font-size:inherit!important;line-height:inherit!important;overflow:hidden;text-overflow:ellipsis;min-width:0}
#peopleRail #directoryList .directory-status{font-size:calc(12px * var(--vo-text-scale,1))!important;color:#c7deed!important;line-height:1.25!important;overflow:hidden;text-overflow:ellipsis}
#peopleRail #directoryList .directory-status.is-absent{color:#ffd38c!important}
#peopleRail #directoryList .directory-actions button{width:28px!important;min-width:28px!important;height:28px!important;font-size:14px!important;border-radius:8px!important}
#peopleRail #directoryList .directory-actions{gap:4px!important}
#peopleRail #directoryList .directory-person{cursor:pointer!important;border-radius:5px!important;outline-offset:3px}
#peopleRail #directoryList .directory-person:focus-visible{outline:2px solid #49baff!important}
/* Lista: avatar + nombre a un lado, estado bajo el nombre; accesos en una fila independiente. */
#peopleRail #directoryList[data-personas-view="list"] .directory-item{padding:8px 9px!important;min-height:91px!important;gap:4px!important}
#peopleRail #directoryList[data-personas-view="list"] .directory-person{position:relative;min-height:37px!important}
#peopleRail #directoryList[data-personas-view="list"] .directory-name{gap:8px!important}
#peopleRail #directoryList[data-personas-view="list"] canvas.dir-avatar{width:38px!important;height:38px!important;flex:0 0 38px!important}
#peopleRail #directoryList[data-personas-view="list"] .directory-name>span{white-space:nowrap!important}
#peopleRail #directoryList[data-personas-view="list"] .directory-status{margin:-15px 0 0 46px!important;max-width:calc(100% - 46px)!important;white-space:nowrap!important}
#peopleRail #directoryList[data-personas-view="list"] .directory-actions{margin:1px 0 0!important;min-height:28px!important;justify-content:flex-end!important}
/* Cuadrícula: nombre en 1-2 líneas, sin correo/cargo/equipo. */
#peopleRail #directoryList[data-personas-view="grid"] .directory-item{min-height:150px!important;padding:8px 5px!important;gap:4px!important}
#peopleRail #directoryList[data-personas-view="grid"] .directory-name{gap:5px!important}
#peopleRail #directoryList[data-personas-view="grid"] canvas.dir-avatar{width:57px!important;height:57px!important;flex:0 0 57px!important}
#peopleRail #directoryList[data-personas-view="grid"] .directory-name>span{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal!important;overflow:hidden!important;font-size:calc(12px * var(--vo-text-scale,1))!important;line-height:1.18!important;overflow-wrap:anywhere}
#peopleRail #directoryList[data-personas-view="grid"] .directory-status{text-align:center!important;margin:1px 0!important;font-size:calc(11px * var(--vo-text-scale,1))!important;white-space:normal!important;display:block!important}
#peopleRail #directoryList[data-personas-view="grid"] .directory-actions{gap:2px!important;justify-content:space-between!important}
#peopleRail #directoryList[data-personas-view="grid"] .directory-actions button{width:24px!important;min-width:24px!important;height:26px!important;font-size:12px!important}
#peopleRail #directoryList .directory-meta,#peopleRail #directoryList .odoo-people-inline{display:none!important}
/* Con fuente aumentada hasta 130%, mantener acceso sin recortar el panel: scroll interno. */
#peopleRail #directoryList{overflow-y:auto!important;min-height:0!important}