/* inventario.css · el inventario en la ficha del piso y de la habitación (web/inventario.js, 05-10-2026).
   Solo tokens de web/tokens.css: nada de colores sueltos. Cada zona es una caja con borde (contraste claro,
   preferencia de Juan) que se abre para ver sus cosas; espacio generoso entre zonas, nada pegado. */
.inv-ayuda{margin:0 0 var(--esp-4)}
.inv-grupo{font-size:var(--texto-13);font-weight:var(--peso-negrita);color:var(--texto-secundario);
  text-transform:uppercase;letter-spacing:.04em;margin:var(--esp-5) 0 var(--esp-2)}
.inv-card .inv-grupo:first-of-type{margin-top:var(--esp-2)}
.inv-zona{border:1px solid var(--color-borde);border-radius:var(--radio-m);background:var(--color-superficie);
  margin:0 0 var(--esp-2)}
.inv-zona>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:var(--esp-2) var(--esp-3);
  padding:var(--esp-3) var(--esp-4);min-height:var(--boton-alto)}
.inv-zona>summary::-webkit-details-marker{display:none}
.inv-zona>summary::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(-45deg);transition:transform var(--dur-2) var(--ease-out);flex:none}
.inv-zona[open]>summary::before{transform:rotate(45deg)}
.inv-zona>summary:focus-visible{outline:none;box-shadow:var(--anillo-foco);border-radius:var(--radio-m)}
.inv-codigo{font-family:var(--fuente-mono);font-size:var(--texto-12);font-weight:var(--peso-negrita);
  padding:2px 8px;border-radius:var(--radio-pill);background:var(--verde-100);color:var(--color-accion-texto);flex:none}
.inv-nombre{font-weight:var(--peso-medio);flex:1 1 140px;min-width:0;overflow-wrap:break-word}
.inv-cuenta{font-size:var(--texto-12);color:var(--texto-secundario);margin-left:auto}
.inv-cuerpo{padding:0 var(--esp-4) var(--esp-4);border-top:1px solid var(--color-borde)}
.inv-cuerpo>.relation-row:first-child{border-top:0}
.inv-cosa{padding:var(--esp-3) 0}
/* En el móvil la fila de la ficha se parte en dos; aquí no: el botón cabe al lado y la lista se lee seguida. */
.ficha .relation-row.inv-cosa{flex-wrap:nowrap;align-items:center}
.ficha .relation-row.inv-cosa>div:first-child,.inv-cosa>div:first-child{flex:1 1 auto;min-width:0}
.ficha .relation-row.inv-cosa>div:last-child:not(:first-child),.inv-cosa>div:last-child:not(:first-child){flex:none;margin-left:0}
.inv-cosa small{display:block}
.inv-ref{font-family:var(--fuente-mono);font-size:var(--texto-12);color:var(--texto-secundario);margin-right:6px}
.inv-notas{color:var(--texto-secundario);font-style:italic}
.inv-acciones{display:flex;flex-wrap:wrap;gap:var(--esp-2);margin-top:var(--esp-3)}
.inv-cuerpo>.empty{margin:var(--esp-3) 0 0}
.inv-rapidas{display:flex;flex-wrap:wrap;align-items:center;gap:var(--esp-2);margin:var(--esp-3) 0 0}
.inv-rapidas>span{font-size:var(--texto-12);color:var(--texto-secundario);margin-right:var(--esp-1)}
@media (prefers-reduced-motion:reduce){.inv-zona>summary::before{transition:none}}