/* assets/css/trackregresponsive.css */

@media screen and (max-width: 600px) {
  body {
    padding: 20px 10px;
  }

  .tracking-card {
    padding: 30px 20px;
  }

  .card-header h2 {
    font-size: 1.5rem;
  }

  .status-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .metadata-grid {
    flex-direction: column;
    gap: 10px;
    text-align: left;
  }

  .msg-title {
    font-size: 1.2rem;
  }
}