#myviaje-app{
  max-width:760px;
  margin:20px auto;
  padding:12px;
  border:1px solid #ddd;
  border-radius:8px;
  background:#fff;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.mv-create,.mv-add,.mv-row{
  display:flex;
  gap:8px;
  margin-bottom:8px;
}
.mv-create input,
.mv-add input,
#mv-trips,
#mv-copy-from{
  flex:1;
  padding:6px 8px;
  border-radius:6px;
  border:1px solid #d1d5db;
}
#mv-create,
#mv-add,
#mv-delete-trip,
#mv-copy-btn{
  padding:6px 10px;
  border-radius:6px;
  border:1px solid #4f46e5;
  background:#4f46e5;
  color:#fff;
  cursor:pointer;
}
#mv-delete-trip{
  border-color:#dc2626;
  background:#dc2626;
}
#mv-items{
  width:100%;
  border-collapse:collapse;
  margin-top:8px;
}
#mv-items td,#mv-items th{
  border-bottom:1px solid #e5e7eb;
  padding:6px 8px;
  font-size:0.9rem;
}
.mv-done .mv-text{
  text-decoration:line-through;
  color:#9ca3af;
}
.mv-counter{
  margin:6px 0;
  padding:6px 10px;
  background:#f0fdf4;
  border:1px solid #86efac;
  border-radius:6px;
  font-size:0.9rem;
  color:#166534;
}
.mv-notice{
  display:none;
  margin-bottom:8px;
  padding:8px 10px;
  background:#ecfeff;
  border:1px solid #67e8f9;
  border-radius:6px;
  font-size:0.9rem;
  color:#155e75;
}
.mv-del{
  background:none;
  border:none;
  color:#b91c1c;
  font-size:16px;
  cursor:pointer;
}
@media(max-width:640px){
  #myviaje-app{
    margin:0;
    border-radius:0;
  }
  .mv-create,.mv-add,.mv-row{
    flex-direction:column;
  }
}


/* ===== MODO TARJETAS EN MÓVIL ===== */
@media (max-width: 640px) {
  #mv-items thead { display:none; }
  #mv-items, #mv-items tbody, #mv-items tr { display:block; width:100%; }
  #mv-items tr {
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:12px;
    margin-bottom:10px;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
  }
  #mv-items td { display:flex; align-items:center; border:none; padding:6px 0; }
  .mv-cb { width:22px; height:22px; margin-right:10px; accent-color:#4f46e5; }
  .mv-text { font-size:1rem; flex:1; }
  .mv-done .mv-text { text-decoration:line-through; color:#9ca3af; }
  .mv-del {
    font-size:18px;
    padding:4px 6px;
    border-radius:8px;
    background:#fee2e2;
    color:#b91c1c;
  }
}