/* Syzygy Bookings styles — minimalist, brandable */
:root {
  --szgyb-primary: #014D4E;
  --szgyb-accent: #0EA5A6;
  --szgyb-bg: #F8FAFC;
  --szgyb-border: #E2E8F0;
  --szgyb-text: #0F172A;
}

.szgyb-card {
  background: #fff;
  border: 1px solid var(--szgyb-border);
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.04);
  margin: 12px 0;
}

.szgyb-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.szgyb-label { font-weight: 600; color: var(--szgyb-text); margin-bottom: 6px; }
.szgyb-input, select {
  width: 100%;
  border: 1px solid var(--szgyb-border);
  border-radius: 12px;
  padding: 10px 12px;
  background: var(--szgyb-bg);
}

.szgyb-btn {
  background: var(--szgyb-primary);
  color: #fff;
  border: none;
  padding: 10px 14px;
  border-radius: 12px;
  cursor: pointer;
}
.szgyb-btn:hover { opacity: .92; }
.szgyb-btn-outline {
  background: transparent; color: var(--szgyb-primary);
  border: 1px solid var(--szgyb-primary);
  padding: 8px 12px; border-radius: 12px; cursor: pointer;
}

.szgyb-header { display:flex; align-items:center; gap:12px; }
.szgyb-logo { height: 36px; }

/* Booking grid (placeholder) */
.szgyb-grid { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
@media(max-width:800px){ .szgyb-row, .szgyb-grid { grid-template-columns: 1fr; } }
