/* Juez (web/juez.js): pestañas de Herramientas, catálogo de herramientas de juicio y su diálogo. */
.tl-tabs button,.jz-filtro button{min-height:44px}
.tl-tabs .i3d{width:22px;height:22px}
#juez{max-width:1280px;margin:0 auto}
.jz-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.jz-bar .chips{margin:0 0 8px;align-items:center}
/* El «?» vive dentro de la fila de filtros: sin el aspecto de chip (hereda el de .ayuda-btn). */
.jz-filtro .ayuda-btn{min-height:44px;width:44px;height:44px;padding:0;margin:0 -8px 0 -4px;border:0;border-radius:50%;background:transparent;color:var(--tinta)}
.jz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:12px}
.jz-card{position:relative;background:var(--tarjeta);border-radius:16px;padding:14px 16px 12px;box-shadow:0 1px 2px rgba(var(--sombra-rgb),.06);min-width:0;display:flex;flex-direction:column;gap:6px;transition:box-shadow .18s,transform .18s}
.jz-card:hover{box-shadow:0 6px 18px -8px rgba(var(--sombra-rgb),.25)}
.jz-card:focus-within{outline:2px solid var(--tinta);outline-offset:2px}
.jz-card h3{font-size:1.0625rem;line-height:1.3;margin:0}
/* Mide 44 px de alto sin mover la tarjeta (márgenes negativos); el ::after extiende el toque a toda la tarjeta. */
.jz-abrir{all:unset;cursor:pointer;display:block;box-sizing:border-box;min-height:44px;padding:11px 0;margin:-11px 0;font-size:max(1em,14px);overflow-wrap:anywhere}
.jz-abrir::after{content:"";position:absolute;inset:0;border-radius:16px}
.jz-card>p{margin:0;color:var(--tinta-2);font-size:.9375rem;line-height:1.4}
.jz-tags{display:flex;flex-wrap:wrap;gap:6px}
.jz-est,.jz-tag{font-size:.875rem;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--papel);color:var(--tinta-2)}
.jz-est.en_uso{background:var(--ok-suave);color:var(--ok-tinta)}
.jz-est.disponible{background:var(--chip-cielo-suave);color:var(--chip-cielo-tinta)}
.jz-est.idea{background:var(--chip-morado-suave);color:var(--chip-morado-tinta)}
.jz-pers{background:var(--chip-naranja-suave);color:var(--chip-naranja-tinta)}
.jz-mini{margin:4px 0 0;display:grid;gap:2px}
.jz-mini div{display:flex;gap:6px;font-size:.875rem;line-height:1.35;min-width:0}
.jz-mini dt{color:var(--tinta-2);flex:none}
.jz-mini dd{margin:0;color:var(--tinta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

/* Diálogo */
.jz-decide{font-size:1.0625rem;margin:0 0 4px}
.jz-pre{white-space:pre-wrap;margin:0;background:var(--papel);border-radius:12px;padding:10px 14px;font-size:.9375rem;line-height:1.45;overflow-wrap:anywhere}
.jz-crit{margin:0;padding:0;list-style:none;display:grid;gap:6px;counter-reset:n}
.jz-crit li{display:grid;grid-template-columns:minmax(90px,max-content) 1fr;gap:10px;align-items:baseline;font-size:.9375rem;line-height:1.4}
.jz-crit b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;background:var(--papel);border-radius:8px;padding:2px 8px;justify-self:start;overflow-wrap:anywhere}
ol.jz-crit li{counter-increment:n}
ol.jz-crit b::before{content:counter(n) ". ";color:var(--neutro)}
.jz-ficha{margin:18px 0 0;display:grid;gap:10px}
.jz-ficha div{display:grid;grid-template-columns:190px 1fr;gap:12px;font-size:.9375rem;line-height:1.45}
.jz-ficha dt{color:var(--tinta-2);font-weight:600}
.jz-ficha dd{margin:0;overflow-wrap:anywhere}
.jz-ficha ul{margin:0;padding-left:18px}
.jz-probar{margin-top:8px;border-top:1px solid var(--linea)}
.jz-aviso{background:var(--warn-suave);border:1px solid var(--chip-naranja-filo);border-radius:12px;padding:10px 14px;font-size:.9375rem;line-height:1.45}
.jz-aviso .chk,.jz-chk .chk{display:flex;align-items:center;gap:10px;min-height:44px;margin:4px 0 0;font-weight:600;color:var(--tinta)}
.jz-aviso input,.jz-chk input{width:22px;height:22px;min-height:0;flex:none}
.jz-chk{display:flex;align-items:flex-end}
#jzState{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9375rem}
.jz-cuenta{margin:4px 0 0;font-size:.875rem;color:var(--neutro)}
.jz-cuenta.mal{color:var(--err);font-weight:700}
.jz-fila{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.jz-fila>div{flex:1 1 220px;min-width:0}
.jz-espera{margin:12px 0 0;font-weight:600;color:var(--tinta-2)}
.jz-res{margin-top:12px;background:var(--papel);border-radius:16px;padding:14px 16px}
.jz-valor{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 8px;font-size:1rem}
.jz-clave{font-family:var(--display);font-size:1.5rem;font-weight:800;line-height:1.1;padding:2px 12px;border-radius:10px;background:var(--tarjeta)}
.jz-clave.si{background:var(--ok-suave);color:var(--ok-tinta)}
.jz-clave.no{background:var(--err-suave);color:var(--err-tinta)}
.jz-cita{margin:8px 0 4px;padding:8px 12px;border-left:3px solid var(--tinta);background:var(--tarjeta);border-radius:0 10px 10px 0;font-size:.9375rem;white-space:pre-wrap;overflow-wrap:anywhere}
.jz-citaok{margin:0;font-size:.875rem;font-weight:600}
.jz-citaok.ok{color:var(--ok)}
.jz-citaok.mal{color:var(--warn)}
.jz-porque{margin:8px 0 0;line-height:1.45}
.jz-meta{margin:6px 0 0;font-size:.875rem;color:var(--tinta-2)}
.btn.jz-del{color:var(--err);margin-right:auto}
#jzForm{padding:0;max-height:none;overflow:visible}
#jzCrit{display:grid;gap:8px}
.jz-crow{display:grid;grid-template-columns:minmax(110px,160px) 1fr auto;gap:8px;align-items:center}
.jz-crow:has(.jz-fija){grid-template-columns:48px 1fr}
.jz-fija{font-weight:700;text-align:center}
.jz-cclave{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#jzCritMas{margin-top:8px}
@media (max-width:640px){
  .jz-bar .btn{width:100%}
  .jz-ficha div{grid-template-columns:1fr;gap:2px}
  .jz-crow{grid-template-columns:1fr auto}
  .jz-crow .jz-ctexto{grid-column:1/-1;grid-row:2}
  .jz-crow:has(.jz-fija) .jz-ctexto{grid-column:auto;grid-row:auto}
  .jz-crit li{grid-template-columns:1fr;gap:2px}
}