/* TrailLab v248 · sensaciones, notas y resumen editable dentro del detalle de sesión.
   Usa las variables del tema de la app para funcionar igual en claro y en oscuro. */
.sr-panel{padding:14px;border:1px solid var(--tl-border);border-radius:14px;background:var(--tl-panel-soft)}
.sr-empty{margin:0;color:var(--tl-text-3);font-size:.82rem;line-height:1.5}
.sr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.sr-tile{padding:10px 12px;border:1px solid var(--tl-border);border-radius:12px;background:var(--surface2)}
.sr-tile small{display:block;color:var(--tl-text-3);font-size:.66rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.sr-tile b{display:block;margin-top:4px;font-family:var(--tl-font-display);font-size:1.4rem;font-weight:400;line-height:1.1}
.sr-tile span{display:block;color:var(--tl-text-3);font-size:.7rem}
.sr-notes{margin:10px 0 0;padding:11px 12px;border-left:3px solid var(--lime);border-radius:0 12px 12px 0;background:var(--surface2);color:var(--tl-text-2);font-size:.84rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.sr-stamp{display:block;margin-top:9px;color:var(--tl-text-3);font-size:.68rem}
.sr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sr-btn{min-height:40px;padding:9px 14px;border:1px solid var(--tl-border);border-radius:11px;background:var(--surface2);color:var(--ink);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
.sr-btn:hover{border-color:var(--lime)}
.sr-btn.primary{border-color:var(--lime);background:var(--lime);color:#0b150d}
.sr-btn.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,transparent)}
.sr-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:11px}
.sr-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.sr-field.full{grid-column:1/-1}
.sr-field label{color:var(--tl-text-3);font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.sr-field input,.sr-field textarea{width:100%;padding:10px 11px;border:1px solid var(--tl-border);border-radius:11px;background:var(--surface2);color:var(--ink);font:inherit;font-size:.86rem}
.sr-field textarea{min-height:96px;resize:vertical}
.sr-field input:focus,.sr-field textarea:focus{outline:none;border-color:var(--lime)}
.sr-hint{color:var(--tl-text-3);font-size:.7rem;line-height:1.45}
.sr-scale{display:flex;flex-wrap:wrap;gap:6px}
.sr-scale button{min-width:38px;min-height:38px;padding:0 9px;border:1px solid var(--tl-border);border-radius:10px;background:var(--surface2);color:var(--tl-text-2);font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}
.sr-scale button:hover{border-color:var(--lime)}
.sr-scale button.active{border-color:var(--lime);background:var(--lime);color:#0b150d}
.sr-feel{display:flex;flex-wrap:wrap;gap:6px}
.sr-feel button{min-height:38px;padding:8px 12px;border:1px solid var(--tl-border);border-radius:999px;background:var(--surface2);color:var(--tl-text-2);font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}
.sr-feel button:hover{border-color:var(--lime)}
.sr-feel button.active{border-color:var(--lime);background:color-mix(in srgb,var(--lime) 18%,transparent);color:var(--ink)}
.fc-feel{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.fc-feel .sr-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--tl-border);border-radius:999px;background:var(--surface2);color:var(--tl-text-2);font-size:.72rem;font-weight:800}
@media(max-width:700px){
  .sr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sr-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sr-actions .sr-btn{flex:1 1 100%}
}