/* Contenido › «Pasársela a…» (20/10). El formulario (web/js/contenido-pasarsela.js) en el panel y Producción del circuito
   y en la ficha de la pieza, y la línea «↪ Se la pasó Tano · hoy 10:05 · «motivo»». Peso máximo 600 y aire (owner 16/10). */
.ps-f { border: 1px solid var(--accent, var(--go)); border-radius: 14px; background: var(--card); padding: 16px; display: flex; flex-direction: column; gap: 12px; animation: cc-entra 180ms ease-out; }
.ps-f > div > b { display: block; font: 600 14px var(--sans); color: var(--ink); }
.ps-f small { display: block; font: 500 12px/1.5 var(--sans); color: var(--ink-2); margin-top: 4px; }
.ps-f > small, .ps-f > div > small { text-transform: none; letter-spacing: 0; }
.ps-row { display: flex; gap: 8px; flex-wrap: wrap; }
.ps-acc { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.ps-dim { color: var(--ink-3); font-weight: 500; text-transform: none; letter-spacing: 0; }
.ps-err { margin: 0; color: var(--bad); font: 600 12.5px var(--sans); }
.ps-f textarea { resize: vertical; min-height: 54px; }
.ps-f .cc-pq, .ps-f .cnt-tar-pq { font-weight: 600; }
.ps-f .cnt-tar-pq { padding-left: 12px; }          /* sin avatar adentro */
/* El panel y Producción del circuito */
.cc-ps { margin-top: 2px; }
.cc-ahora .cc-ps-b { margin-left: auto; flex: none; }
.cc-ahora > div { min-width: 0; }
.cc-ps-b.on { border-color: var(--accent, var(--go)); color: var(--accent, var(--go-ink)); }
.cc-pas { display: block; margin-top: 3px; color: var(--accent, var(--go-ink)) !important; font-weight: 500; }
/* La ficha de la pieza: el paso que está ahora */
.cnt-pz-camino li.cnt-pz-ps { display: block; border-left: 2px solid var(--line); margin-left: 11px; padding: 4px 0 10px 18px; }
.cnt-pz-camino li .cnt-pz-pas { color: var(--accent, var(--go-ink)); }
.cnt-pz-ps-lb { display: block; font: 600 12px var(--sans); color: var(--ink-2); }
.cnt-pz-camino [data-ps-abrir].on { border-color: var(--accent, var(--go)); color: var(--accent, var(--go-ink)); }
/* El calendario: «↪ de Tano» debajo de quién la tiene */
.co-cq.co-pas { color: var(--accent, var(--go-ink)); }
@media (max-width: 600px) {
    /* El paso con «Pasársela a…»: el texto entero arriba y los dos botones debajo */
    .cnt-pz-camino li:has([data-ps-abrir]) { flex-wrap: wrap; }
    .cnt-pz-camino li:has([data-ps-abrir]) > div { flex-basis: calc(100% - 30px); }
    .cnt-pz-camino li.cnt-pz-ps { padding-left: 10px; }
    .cc-ahora { flex-wrap: wrap; }
}