.trf-card{
  --bg:#ffffff; --fg:#0f172a; --muted:#6b7280; --accent:#2563eb; --ring:#93c5fd;
  background:var(--bg); color:var(--fg); border-radius:16px; padding:18px; box-shadow:0 10px 30px rgba(0,0,0,.08);
  max-width:920px; margin:16px auto; border:1px solid #eef2ff;
}
.trf-header{display:flex; gap:8px; align-items:baseline; justify-content:space-between; margin-bottom:8px;}
.trf-title{font-size:1.25rem; font-weight:700;}
.trf-subtitle{font-size:.9rem; color:var(--muted);}
.trf-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin:10px 0 6px;}
.trf-field{display:flex; flex-direction:column; grid-column:span 3;}
.trf-field input, .trf-field select{
  border:1px solid #e5e7eb; border-radius:12px; padding:10px 12px; outline:none;
}
.trf-field input:focus, .trf-field select:focus{ border-color:var(--accent); box-shadow:0 0 0 3px var(--ring);}
.trf-actions{grid-column:span 6; display:flex; justify-content:flex-end; margin-top:4px;}
.trf-btn{background:var(--accent); color:#fff; padding:10px 16px; border:none; border-radius:12px; cursor:pointer; font-weight:600;}
.trf-btn:hover{opacity:.95;}
.trf-status{margin:10px 0; padding:10px 12px; border-radius:12px; background:#f8fafc; border:1px solid #e5e7eb; font-size:.95rem;}
.trf-status.trf-ok{border-color:#d1fae5; background:#ecfdf5;}
.trf-status.trf-err{border-color:#fee2e2; background:#fef2f2;}
.trf-results{display:flex; flex-direction:column; gap:12px; margin-top:8px;}
.trf-route{border:1px solid #e5e7eb; border-radius:14px; padding:12px;}
.trf-route-top{display:flex; justify-content:space-between; align-items:center; gap:10px;}
.trf-route-title{font-weight:700;}
.trf-route-meta{display:flex; gap:10px; color:var(--muted);}
.trf-times{color:#111827; font-size:.95rem; margin:4px 0 8px;}
.trf-leg{background:#f9fafb; border:1px solid #e5e7eb; border-radius:10px; padding:8px; margin:6px 0;}
.trf-leg-line{font-weight:600;}
.trf-leg-stations{color:#111827;}
.trf-leg-stops{color:#6b7280; font-size:.9rem; margin-top:2px;}
.trf-leg-time{font-size:.9rem; color:#374151; margin-top:2px;}
.trf-leg-notes{font-size:.9rem; color:#0f766e; margin-top:4px;}
.trf-fare-breakdown{font-size:.92rem; margin-top:8px;}
.trf-warnings{margin-top:8px; background:#fff7ed; border:1px solid #fed7aa; padding:8px; border-radius:8px;}
.trf-query{display:flex; justify-content:space-between; align-items:baseline; border-bottom:1px dashed #e5e7eb; padding-bottom:6px; margin-bottom:6px;}
.trf-query-meta{color:#6b7280; font-size:.9rem;}
@media (max-width:720px){
  .trf-grid{grid-template-columns:1fr 1fr; }
  .trf-field{grid-column:span 2;}
  .trf-actions{grid-column:span 2;}
  .trf-route-top{flex-direction:column; align-items:flex-start;}
}