/* MotoPass 1.5 - Estilos para [motopass_mis_reservas] */
.mp-reservas { display: grid; gap: 14px; }
.mp-card { background:#fff; border:1px solid #E5E7EB; border-radius:14px; padding:16px; box-shadow:0 1px 0 rgba(0,0,0,.02); }
.mp-card-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.mp-card-title { font-weight:700; font-size:16px; color:#111827; }
.mp-badge { font-size:12px; font-weight:600; padding:6px 10px; border-radius:999px; display:inline-flex; align-items:center; gap:6px; border:1px solid transparent; }
.mp-badge-success { color:#065f46; background:#D1FAE5; border-color:#A7F3D0; }
.mp-badge-warn { color:#92400e; background:#FEF3C7; border-color:#FDE68A; }
.mp-grid { display:grid; gap:12px; }
@media (min-width: 720px) { .mp-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.mp-chip-block { background:#F3F4F6; border-radius:999px; padding:10px 12px; }
.mp-chip-title { font-size:12px; font-weight:700; color:#374151; margin-bottom:6px; }
.mp-chip-body { display:grid; gap:6px; }
.mp-chip-line { font-size:14px; color:#111827; }
.mp-pill { display:inline-block; padding:6px 10px; border-radius:999px; background:#EEF2FF; color:#1F2937; font-weight:600; font-size:12px; }
.mp-sep { opacity:.5; margin: 0 6px; }