/* Overlord Web · organización viva (organizacion.js, docs/257). Misma losa con esquina cortada y acento naranja. */

/* Pestañas del chat: la de gerencia de abajo se vuelve pestaña, así que la caja vieja se oculta. */
body.o-org #e-gerencia{display:none}
.e-tabs{flex-wrap:wrap;row-gap:2px}
body.o-org .e-tabs{gap:0}
body.o-org .e-tabs button{padding:4px 6px 6px;font-size:.8rem}
.e-tabs [data-o][hidden]{display:none}
.e-conv.o-activo>#e-hilo,.e-conv.o-activo>#e-form-chat{display:none}
.e-conv.o-activo .e-tabs [data-p]{opacity:.6;border-color:transparent}
.o-pane{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}
.o-pane[hidden]{display:none}
.o-entra{animation:o-fade .22s var(--entra) both}
.o-quien{margin:0;font:400 .74rem/1.4 var(--f-mono);color:#a9abad}
.o-ov p{border-left-color:var(--campo)}
.o-ov .e-de{color:var(--campo)}
.o-msg-entra{animation:o-fade .3s var(--entra) both}
.o-comp{color:var(--fondo);font-size:.78rem}
#o-form{flex-wrap:wrap}

/* Baldosa de departamento prendida por actividad nueva: acento naranja suave que entra y sale con fade. */
.c-depto{transition:background-color .6s ease,box-shadow .6s ease}
.c-depto.o-prendido{background:#fbe4d8;box-shadow:inset 0 3px 0 var(--campo),inset 0 0 0 1.5px rgba(242,92,31,.45)}
.c-depto .o-res{display:block;margin-top:4px;font:400 .78rem/1.35 var(--f-txt);color:var(--tinta);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c-depto.o-prendido .o-res{color:#9a3a10}
.c-depto.abierta .o-res{display:none}
.o-act{margin:0 14px 12px;padding:10px 12px;border-left:3px solid var(--campo);background:#fff8f3;animation:o-fade .3s var(--entra) both}
.o-act__res{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.86rem}
.o-act__res b{font:600 .76rem var(--f-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--campo)}
.o-act__ev{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}
.o-act__ev li{display:grid;grid-template-columns:3.4em 1fr;gap:8px;font-size:.82rem;color:var(--suave)}
.o-act__ev small{font:400 .76rem var(--f-mono)}
.o-act__nuevo{color:var(--tinta)!important;font-weight:600}

/* Lo que sube de tu gente */
.o-suben{margin:0 0 12px;padding:10px 12px;background:var(--tinta);color:var(--fondo);
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);animation:o-fade .3s var(--entra) both}
.o-suben__tit{margin:0 0 6px;font:600 .8rem var(--f-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--campo)}
.o-suben__tit small{font-size:.76rem;text-transform:none;letter-spacing:0;color:#a9abad;font-weight:400}
.o-suben ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.o-suben li{display:grid;grid-template-columns:minmax(7em,auto) 1fr;gap:10px;font-size:.85rem;line-height:1.35}
.o-suben b{font-weight:600}
.o-btn-cons{align-self:center;margin-left:auto}

/* Constructor */
.o-cons{width:min(760px,94vw);max-height:88vh;overflow:auto;border:0;padding:20px 22px;background:var(--fondo);color:var(--tinta);
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);font-family:var(--f-txt)}
.o-cons::backdrop{background:rgba(20,24,28,.55)}
.o-cons[open]{animation:o-fade .22s var(--entra) both}
.o-cons h2{margin:0;font:700 1.35rem var(--f-tit)}
.o-cons h3{margin:18px 0 8px;font:600 .8rem var(--f-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--suave)}
.o-cons__cab{display:grid;grid-template-columns:1fr auto;gap:2px 12px}
.o-cons__cab p{margin:0;grid-column:1;font-size:.86rem;color:var(--suave)}
.o-cerrar{grid-row:1/3;grid-column:2;align-self:start}
.o-aviso{min-height:1.2em;margin:8px 0 0;font:400 .78rem var(--f-mono);color:#2f7d3a}
.o-aviso--mal{color:#b3261e}
.o-cons label{display:grid;gap:3px;font-size:.78rem;color:var(--suave)}
.o-cons input[type=text],.o-cons select{font:400 .9rem var(--f-txt);color:var(--tinta);background:#f4f2ee;border:1.5px solid var(--linea);padding:7px 8px;border-radius:0;min-width:0}
.o-nuevo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;padding:12px;background:#f4f2ee;box-shadow:inset 0 3px 0 var(--campo)}
.o-nuevo h3{grid-column:1/-1;margin:0}
.o-nuevo .o-iconos{grid-column:1/-1}
.o-nuevo .btn{grid-column:1/-1;justify-self:start}
.o-iconos{display:flex;flex-wrap:wrap;gap:4px}
.o-ico{width:32px;height:32px;display:grid;place-items:center;background:#f4f2ee;border:1.5px solid var(--linea);cursor:pointer;padding:0}
.o-ico svg,.o-dep__sello svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.o-ico[aria-checked=true]{border-color:var(--campo);background:#fbe4d8;color:var(--campo)}
.o-deps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.o-dep{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:10px 12px;background:#f4f2ee;box-shadow:inset 0 3px 0 var(--tinta)}
.o-dep__sello{width:36px;height:36px;display:grid;place-items:center;background:var(--tinta);color:var(--fondo);
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.o-dep__campos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.o-dep__campos .o-iconos{grid-column:1/3}
.o-dep__gente{margin:0;align-self:center;font:400 .74rem var(--f-mono);color:var(--suave)}
.o-dep__acc{display:flex;flex-direction:column;gap:4px}
.o-gente{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.o-gente li{display:grid;grid-template-columns:1fr;gap:2px;padding:8px 10px;background:#f4f2ee}
.o-gente small{color:var(--suave);font-size:.74rem}
.o-arch{margin-top:14px;font-size:.86rem}
.o-arch li{display:flex;justify-content:space-between;align-items:center;padding:4px 0}

@media (max-width:640px){
  .o-nuevo,.o-dep__campos{grid-template-columns:1fr}
  .o-dep__campos .o-iconos{grid-column:1}
  .o-dep{grid-template-columns:auto 1fr}
  .o-dep__acc{grid-column:1/-1;flex-direction:row}
  .o-suben li{grid-template-columns:1fr;gap:0}
}
@keyframes o-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.o-entra,.o-msg-entra,.o-act,.o-suben,.o-cons[open]{animation:none}.c-depto{transition:none}}