/* ── Layout ── */
.app {
  flex: 1;
  display: grid;
  grid-template-columns: 380px 1fr;
  grid-template-rows: 1fr;
  min-height: calc(100vh - 52px);
}

/* ── Left Panel ── */
.panel {
  background: var(--surface);
  border-right: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.panel-inner { padding: 1.5rem; display: flex; flex-direction: column; gap: 1.5rem; }

.panel-title {
  display: flex;
  align-items: center;
  gap: .6rem;
}
.panel-title .golf-icon { font-size: 1.4rem; }
.panel-title h1 { font-size: 1.1rem; font-weight: 700; letter-spacing: -.02em; }
.panel-title p { font-size: 12px; color: var(--muted); margin-top: 2px; }

/* ── Responsive ── */
@media (max-width: 768px) {
  .app {
    grid-template-columns: 1fr;
    grid-template-rows: auto 60vh auto;
  }
  .panel { border-right: none; border-bottom: 1px solid var(--border); overflow-y: visible; }
  #map { min-height: 60vw; }
}