/* Booklyn Ops — Desk-level styles for the §E.3 other cockpits. */

/* Hotel detail (route 1) — photos + map block. */
.hotel-media-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: start;
}
@media (max-width: 768px) {
  .hotel-media-grid { grid-template-columns: 1fr; }
}
.hotel-map-frame {
  width: 100%;
  height: 280px;
  border: 0;
  border-radius: 8px;
}
.hotel-map-link { display: inline-block; margin-top: 6px; font-size: 12px; }
.hotel-map-empty {
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed var(--border-color, #d1d8dd);
  border-radius: 8px;
}
.hotel-public-profile .indicator-pill { font-size: 12px; }

/* Proposal builder (route 3) — live print-format preview. */
.proposal-preview-frame {
  width: 100%;
  height: 640px;
  border: 1px solid var(--border-color, #d1d8dd);
  border-radius: 8px;
  background: #fff;
}

/* Global AI sidebar (route 9). */
.booklyn-gai-launcher {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1040;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background: var(--primary, #4f46e5);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.booklyn-gai-launcher:hover { filter: brightness(1.08); }
.booklyn-gai-panel {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1041;
  width: 420px;
  max-width: 96vw;
  background: var(--card-bg, #fff);
  border-left: 1px solid var(--border-color, #d1d8dd);
  box-shadow: -6px 0 20px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.booklyn-gai-panel #booklyn-global-ai-mount,
.booklyn-gai-panel .ai-root { height: 100%; }

/* ── UI-parity: Booklyn brand accents on the Desk shell ──────────────────── */
:root { --primary: #4f46e5; --primary-color: #4f46e5; }
/* active sidebar item gets a Booklyn accent */
.desk-sidebar .standard-sidebar-item.selected { border-left: 3px solid var(--primary, #4f46e5); }
.desk-sidebar .standard-sidebar-item.selected .sidebar-item-label { color: var(--primary, #4f46e5); font-weight: 600; }
/* keep the navbar logo crisp + compact */
.navbar .app-logo, .navbar-brand img, img.app-logo { max-height: 22px; width: auto; }