/* Dashboard personalization - per-user layout, table columns and edge feed. */
html body.bmUiPrefsReady > .wrap{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:16px!important;
  padding-right:16px!important;
  box-sizing:border-box!important;
}
html body.bmUiPrefsReady.bmHideKpis #kpis{display:none!important}
html body.bmUiPrefsReady.bmHideCharts #chartsToggle,
html body.bmUiPrefsReady.bmHideCharts #chartsGrid{display:none!important}
html body.bmUiPrefsReady.bmHideIncentives #incentiveToggle,
html body.bmUiPrefsReady.bmHideIncentives #incentiveGrid{display:none!important}
html body.bmUiPrefsReady.bmHideResortMap #resortMapLauncher{display:none!important}
html body.bmUiPrefsReady.bmHideAssistant #dashboardAssistantDock{display:none!important}
html body.bmUiPrefsReady.bmFeedDisabled #dbFeedDock,
html body.bmUiPrefsReady.bmFeedDisabled #bmFeedRail{display:none!important}

html body.bmUiPrefsReady.bmFeedEnabled #dbFeedDock.dbFeedDock{
  position:fixed!important;
  right:14px!important;
  top:72px!important;
  bottom:16px!important;
  width:min(430px,calc(100vw - 32px))!important;
  max-width:min(430px,calc(100vw - 32px))!important;
  height:auto!important;
  margin:0!important;
  z-index:2147481200!important;
  pointer-events:none!important;
  opacity:0!important;
  transform:translateX(calc(100% + 28px))!important;
  transition:transform .22s cubic-bezier(.2,.75,.25,1),opacity .16s ease!important;
  will-change:transform,opacity;
}
html body.bmUiPrefsReady.bmFeedEnabled #dbFeedDock.dbFeedDock.bmFeedDrawerOpen{
  pointer-events:auto!important;
  opacity:1!important;
  transform:translateX(0)!important;
}
html body.bmUiPrefsReady.bmFeedEnabled #dbFeedDock .dbFeed,
html body.bmUiPrefsReady.bmFeedEnabled #dbFeedDock .card.dbFeed{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:22px!important;
  box-shadow:0 26px 80px rgba(23,20,38,.22)!important;
  border:1px solid rgba(52,48,77,.12)!important;
  background:rgba(255,255,255,.985)!important;
  backdrop-filter:blur(18px);
}
html body.bmUiPrefsReady.bmFeedEnabled #dbFeedDock .dbFeedTop{padding-bottom:4px!important}
html body.bmUiPrefsReady.bmFeedEnabled #dbFeedDock .dbFeedTop .dbMiniText{display:none!important}
html body.bmUiPrefsReady.bmFeedEnabled #dbFeedDock .dbFeedList{
  max-height:none!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
}
.bmFeedRail{
  position:fixed;
  right:0;
  top:50%;
  width:28px;
  height:104px;
  padding:0;
  border:0;
  background:transparent;
  transform:translateY(-50%);
  z-index:2147481190;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.bmFeedRail span{
  display:block;
  width:4px;
  height:54px;
  border-radius:999px 0 0 999px;
  background:rgba(73,65,118,.25);
  transition:width .15s ease,background .15s ease;
}
.bmFeedRail:hover span,.bmFeedRail:focus-visible span,.bmFeedRail[aria-expanded="true"] span{
  width:7px;
  background:rgba(83,72,156,.58);
}
.bmFeedRail:focus-visible{outline:none}
.bmPrefColHidden{display:none!important}

.bmProfileMenuLayout{
  width:100%;
  min-height:38px;
  border:0;
  background:transparent;
  color:var(--text,#252338);
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 10px;
  border-radius:10px;
  font:700 12px/1 Manrope,system-ui,sans-serif;
  cursor:pointer;
  text-align:left;
}
.bmProfileMenuLayout:hover{background:rgba(92,80,166,.08)}
.bmProfileMenuLayout svg{flex:0 0 auto;color:#6d61b4}

.bmPersonalizationOverlay{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
}
.bmPersonalizationOverlay.open{display:flex}
.bmPersonalizationBackdrop{position:absolute;inset:0;background:rgba(18,17,29,.32);backdrop-filter:blur(4px)}
.bmPersonalizationPanel{
  position:relative;
  width:min(820px,calc(100vw - 34px));
  max-height:min(820px,calc(100vh - 34px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(48,43,79,.13);
  border-radius:24px;
  background:#fbfafc;
  box-shadow:0 30px 95px rgba(23,20,38,.28);
  color:var(--text,#252338);
}
.bmPersonalizationHead{
  min-height:68px;
  padding:0 18px 0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid rgba(48,43,79,.09);
  background:rgba(255,255,255,.82);
}
.bmPersonalizationHead>div{display:flex;align-items:baseline;gap:10px;min-width:0}
.bmPersonalizationHead h2{margin:0;font-size:17px;line-height:1.2;font-weight:800;letter-spacing:-.02em}
.bmPrefSaveState{font-size:10px;font-weight:700;color:#8b8798}
.bmPrefSaveState.saving{color:#7667c7}.bmPrefSaveState.error{color:#b14a55}.bmPrefSaveState.saved{color:#5c8f77}
.bmPrefClose{
  width:34px;height:34px;border:1px solid rgba(48,43,79,.1);border-radius:11px;background:#fff;color:#59566a;
  display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;cursor:pointer;
}
.bmPrefClose:hover{background:#f3f1f7;color:#29263a}
.bmPersonalizationBody{padding:18px 22px 22px;overflow:auto;display:grid;gap:18px}
.bmPrefSection{display:grid;gap:10px}
.bmPrefSection h3{margin:0;font-size:12px;font-weight:800;color:#454256;letter-spacing:.01em}
.bmPrefToggleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bmPrefToggle{
  min-height:44px;padding:0 10px 0 12px;border:1px solid rgba(48,43,79,.1);border-radius:13px;background:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;cursor:pointer;
}
.bmPrefToggle input{position:absolute;opacity:0;pointer-events:none}
.bmPrefToggle i{position:relative;flex:0 0 31px;width:31px;height:18px;border-radius:999px;background:#d8d5df;transition:.15s ease}
.bmPrefToggle i:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.15s ease}
.bmPrefToggle input:checked+i{background:#6f62ba}.bmPrefToggle input:checked+i:after{transform:translateX(13px)}
.bmPrefSortList{display:grid;gap:6px}
.bmPrefSortItem{
  min-height:40px;padding:0 12px 0 8px;border:1px solid rgba(48,43,79,.1);border-radius:12px;background:#fff;
  display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;cursor:grab;user-select:none;
}
.bmPrefSortItem.dragging{opacity:.46;cursor:grabbing}
.bmPrefDrag{color:#aaa5b4;font-size:14px;letter-spacing:-4px;width:18px;overflow:hidden;flex:0 0 18px}
.bmPrefColumnList{grid-template-columns:repeat(2,minmax(0,1fr))}
.bmPrefColumnItem label{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer}
.bmPrefColumnItem input{accent-color:#6f62ba}
.bmPrefColumnItem input:disabled{opacity:.55}
.bmPrefSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bmPrefViewSwitch{display:flex;padding:3px;border-radius:10px;background:#eceaf1}
.bmPrefViewSwitch button{height:27px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#777386;font:700 10px/1 Manrope,system-ui,sans-serif;cursor:pointer}
.bmPrefViewSwitch button.active{background:#fff;color:#3d385d;box-shadow:0 1px 4px rgba(35,31,55,.12)}
.bmPrefViewSwitch button:disabled{opacity:.38;cursor:not-allowed}.bmPrefHotelModeGrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px}.bmPrefTableColumnsHead{margin-top:2px;color:#777386;font-size:10px;font-weight:800}
.bmPersonalizationFoot{
  min-height:64px;padding:0 18px 0 22px;border-top:1px solid rgba(48,43,79,.09);background:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.bmPrefReset,.bmPrefDone{height:36px;padding:0 14px;border-radius:11px;font:800 11px/1 Manrope,system-ui,sans-serif;cursor:pointer}
.bmPrefReset{border:1px solid rgba(48,43,79,.11);background:#fff;color:#5f5b6e}
.bmPrefReset:hover{background:#f4f2f7}
.bmPrefDone{border:0;background:#5f54a7;color:#fff;min-width:74px}
.bmPrefDone:hover{filter:brightness(.97)}
body.bmPersonalizationOpen{overflow:hidden!important}

@media(max-width:900px){
  html body.bmUiPrefsReady > .wrap{padding-left:10px!important;padding-right:10px!important}
  html body.bmUiPrefsReady.bmFeedEnabled #dbFeedDock.dbFeedDock{
    position:static!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;max-width:none!important;height:auto!important;
    margin:12px 10px!important;opacity:1!important;transform:none!important;pointer-events:auto!important;
  }
  html body.bmUiPrefsReady.bmFeedEnabled #dbFeedDock .dbFeed,
  html body.bmUiPrefsReady.bmFeedEnabled #dbFeedDock .card.dbFeed{height:auto!important;max-height:none!important;box-shadow:none!important}
  .bmFeedRail{display:none!important}
  .bmPrefToggleGrid,.bmPrefColumnList{grid-template-columns:1fr}
}
@media(max-width:620px){
  .bmPersonalizationOverlay{padding:8px}
  .bmPersonalizationPanel{width:100%;max-height:calc(100vh - 16px);border-radius:20px}
  .bmPersonalizationBody{padding:14px}
  .bmPersonalizationHead{padding:0 12px 0 15px}
  .bmPersonalizationFoot{padding:0 14px}
  .bmPrefSectionHead{align-items:flex-start;flex-direction:column}
}


/* Stage 22 - edge-safe feed hover and dashboard-level layout control. */
html body.bmUiPrefsReady.bmFeedEnabled #dbFeedDock.dbFeedDock::after{
  content:"";position:absolute;top:0;bottom:0;left:100%;width:34px;pointer-events:auto;
}
.bmFeedRail[aria-expanded="true"]{top:72px;bottom:16px;height:auto;width:34px;transform:none;align-items:center}
.bmDashboardLayoutTopBtn{display:inline-flex!important}
.bmDashboardLayoutTopBtn svg{width:16px;height:16px}
@media(max-width:620px){.bmDashboardLayoutTopBtn{display:none!important}}
