/* ============================================================================
 * _mlg.css — 米開朗基羅儀表層浮動 bar（獨立於 demo-site 產品本體）
 * ----------------------------------------------------------------------------
 * 對齊 bundle canonical：5-projects/michelangelo/bundle/.../prototype
 *   （funcmap.js FMAP_UI.bar() 的 #fmap-bar 標準資產；此處改 momo 主色）。
 * 這條 bar 不屬於 marketing-platform 產品，是米開朗基羅疊上去的「儀表/版控/演示」
 * 工具層。要還原成乾淨產品 demo，把 index.html 的「design-spec view layer」兩段
 * include 整段拿掉即可（各模組保有 fallback 回 #topbar）。
 * ========================================================================== */
:root { --mlg-accent: #eb2f96; } /* momo 主色，覆寫 bundle 預設紫 */

#fmap-bar {
  position: fixed; top: 10px; right: 14px; z-index: 9999;
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  justify-content: flex-end; max-width: 96vw;
  background: rgba(255, 255, 255, .94); backdrop-filter: blur(8px);
  border: 1px solid #e2e2e8; border-radius: 12px; padding: 6px 10px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .14); font-family: inherit;
}
#fmap-bar.collapsed { padding: 4px 8px; gap: 0; }
#fmap-bar.collapsed > :not(#fmap-bar-handle) { display: none !important; }

#fmap-bar #fmap-bar-handle {
  order: -1; cursor: pointer; background: transparent; border: none;
  color: #999; padding: 2px 4px; display: inline-flex; align-items: center; line-height: 0;
}
#fmap-bar #fmap-bar-handle:hover { color: var(--mlg-accent); }

/* 米開朗基羅層標籤（標示這條 bar 非產品） */
#fmap-bar .mlg-tag {
  font-size: 11px; font-weight: 700; color: var(--mlg-accent); letter-spacing: .3px;
  display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; padding-right: 2px;
}

/* bar 內沿用 demo-site 既有的 .btn.sm / .btn-tour / select 樣式，僅確保不被擠壓、
   並抵銷各模組按鈕的 inline margin-right（改由 bar 的 gap 統一控制間距） */
#fmap-bar > * { flex: 0 0 auto; }
#fmap-bar .btn.sm, #fmap-bar select, #fmap-bar .btn-tour { margin-right: 0 !important; }

/* demo-ctl（角色/情境）原本掛 #topbar，搬進浮動 bar 後等價樣式 */
#fmap-bar .demo-ctl {
  font-size: 12px; border: 1px solid var(--color-border); border-radius: 7px;
  padding: 4px 6px; background: #fff; color: var(--color-text); cursor: pointer;
  font-family: inherit; max-width: 118px;
}
#fmap-bar .demo-ctl.scn.on {
  border-color: var(--gold-6); background: #fffbe6; color: #ad6800; font-weight: 700;
}