/* ═══════════════════════════════════════════════════════════
   LA COLUMNA DE REOJO — pertenencias, peones, diario
   ───────────────────────────────────────────────────────────
   Lo que se mira sin buscarlo. Las secciones y los cronómetros
   viven en el rail de la izquierda; acá queda lo que es tuyo y
   lo que pasó.
   ═══════════════════════════════════════════════════════════ */
aside{position:sticky;top:calc(var(--banda) + 22px);display:flex;flex-direction:column;gap:2px}

/* Cuando la columna deja de ser columna y pasa abajo del contenido,
   los tres paneles se reparten el ancho en vez de hacer una torre de
   mil píxeles que nadie va a bajar a mirar. */
@media(max-width:980px){
  aside{position:static;display:grid;align-items:start;
    grid-template-columns:repeat(auto-fit,minmax(232px,1fr))}
  .dl{max-height:240px}
}

.pn{background:var(--tiza2);border:1px solid var(--tiza3);padding:12px 14px}
.pn h4{font-family:var(--sans);font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--tiza5);font-weight:700;margin-bottom:10px;display:flex;
  justify-content:space-between;align-items:baseline;gap:10px}
.pn h4 em{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:0;
  text-transform:none;color:var(--tinta2);white-space:nowrap}

.li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;
  border-bottom:1px solid rgba(202,195,172,.6);font-family:var(--serif);font-size:14px;color:var(--tinta2)}
.li:last-child{border-bottom:none}
.li>i{width:6px;height:6px;background:var(--pig,var(--tiza4));flex:none}
.li>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li b{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--tinta)}
.li small{font-family:var(--sans);font-size:10px;color:var(--tiza5)}
.li.tot{margin-top:5px;padding-top:7px;border-top:1px solid var(--tiza4);border-bottom:none;
  font-family:var(--sans);font-size:11px;letter-spacing:.05em;color:var(--tiza5)}
/* la fila con botón necesita alto: adentro hay algo de 32 px */
.li.acc{padding:5px 0}

/* ══ DIARIO ══
   Scrollea la lista, no el panel: el rótulo "Diario" se quedaba
   arriba del scroll y se iba con él. */
.dia{background:var(--umbra);border-color:var(--umbra);color:var(--tiza4);padding:12px 14px}
.dia h4{color:var(--umbra5)}
.dl{max-height:330px;overflow-y:auto}
.dl::-webkit-scrollbar{width:5px}
.dl::-webkit-scrollbar-thumb{background:var(--umbra4)}
.en{font-family:var(--serif);font-size:14px;padding:6px 0;border-bottom:1px solid var(--umbra2);line-height:1.38}
.en:last-child{border-bottom:none}
.en time{font-family:var(--mono);font-size:9px;color:var(--ocre-o);display:block;
  letter-spacing:.05em;margin-bottom:1px}
.en.b{color:var(--verde-c)}
.en.m{color:var(--almagre-c)}
.en.g{color:var(--ocre-c);font-weight:500}
.nada.osc{color:var(--umbra5)}