/* Optimizaciones Mobile y Responsive */
@media (max-width: 768px) {
  .admin-layout {
    flex-direction: column;
  }

  .admin-sidebar {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--border-light);
    flex-direction: row;
    overflow-x: auto;
    padding: 12px;
  }

  .admin-content {
    padding: 20px 16px;
  }

  .form-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .form-group-full {
    grid-column: span 1;
  }

  .form-card {
    padding: 18px 16px;
  }

  /* Timeline en pantallas pequeñas */
  .timeline {
    padding: 0 4px;
    margin: 24px 0 12px;
  }

  .node-bullet {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
  }

  .node-label {
    font-size: 0.68rem;
    max-width: 60px;
    margin-top: 6px;
    line-height: 1.2;
  }

  .status-detail-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
    font-size: 0.82rem;
  }

  .order-summary {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}