/* OPTIMIZED BUILD */
/* Hereda variables de main.css */

.login-container {
  height: 100vh; display: flex; align-items: center; justify-content: center;
  background: #111;
}
.login-box {
  background: white; padding: 2rem; border-radius: var(--radius-md);
  width: 100%; max-width: 400px;
}
.hidden { display: none !important; }

.admin-header {
  background: white; padding: 1rem 2rem; border-bottom: 1px solid var(--color-border);
  display: flex; justify-content: space-between; align-items: center;
}

.table-responsive { overflow-x: auto; background: white; border-radius: var(--radius-md); box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.data-table { width: 100%; border-collapse: collapse; min-width: 800px; }
.data-table th, .data-table td {
  text-align: left; padding: 1rem; border-bottom: 1px solid var(--color-border); font-size: 0.9rem;
}
.data-table th { background: #f9fafb; font-weight: 600; text-transform: uppercase; font-size: 0.75rem; color: #666; }
.data-table tr:last-child td { border-bottom: none; }

.status-badge {
  padding: 0.25rem 0.5rem; border-radius: 999px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase;
}
.status-pendiente { background: #FEF3C7; color: #D97706; }
.status-confirmado { background: #D1FAE5; color: #059669; }

.action-btn {
  padding: 0.3rem 0.6rem; font-size: 0.75rem; margin-right: 0.3rem;
  border: 1px solid var(--color-border); background: white; cursor: pointer; border-radius: 4px;
}
.action-btn:hover { background: #f3f4f6; }
.action-whatsapp { color: #25D366; border-color: #25D366; }