/* Estilos añadidos para la versión PHP/MySQL (login, mensajes flash, formularios de pedido) */

.login-shell {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.login-card {
  width: 100%;
  max-width: 380px;
  background: var(--panel, #fff);
  border-radius: 18px;
  padding: 32px;
  box-shadow: 0 20px 60px rgba(0,0,0,.12);
  text-align: center;
}
.login-card img { width: 64px; margin-bottom: 12px; }
.login-card label { display: block; text-align: left; margin: 14px 0 4px; font-size: .85rem; }
.login-card input {
  width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid #d8d8d4;
  font-size: 1rem; box-sizing: border-box;
}
.login-error { color: #d85543; font-size: .85rem; margin-top: 10px; }

.topbar-title { font-weight: 600; font-size: 1.05rem; flex: 1; padding-left: 12px; }

.flash-message { padding: 12px 16px; border-radius: 10px; margin-bottom: 16px; font-size: .9rem; }
.flash-info { background: #eef2ff; color: #33418f; }
.flash-success { background: #e6f4ea; color: #1f6b3c; }
.flash-error { background: #fdecea; color: #a3372a; }

.order-lines-table { width: 100%; border-collapse: collapse; margin: 12px 0; }
.order-lines-table th, .order-lines-table td { padding: 8px 10px; border-bottom: 1px solid #eee; text-align: left; font-size: .9rem; }
.order-lines-table .qty-cell { width: 90px; }
.remove-line-btn { background: none; border: none; color: #d85543; cursor: pointer; font-size: 1rem; }

.status-pill { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: .78rem; color: #fff; }
.status-pendiente { background: #f1a23c; }
.status-enviado { background: #3d6fd1; }
.status-entregado { background: #2f6b4f; }
.status-cancelado { background: #9a9a94; }

.form-actions { display: flex; gap: 10px; align-items: center; margin-top: 16px; }
.inline-form { display: inline; }
.table-actions { display: flex; gap: 8px; }
.text-danger { color: #d85543; }

.filters-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.filters-bar select, .filters-bar input[type="search"] {
  padding: 8px 12px; border-radius: 10px; border: 1px solid #d8d8d4;
}