/* Blotter: shared American Group "Apps" menu + slider scroll fix (menu-20261012).
   Apps list/markup comes from the shared org-sites.js + ag-chrome.css (L:\inetpub\_shared). */

/* Apps trigger: same chip as the G / B / X buttons */
.day-header__month-nav .ag-apps-btn { cursor: pointer; font: inherit; }

/* Apps slider = phone drawer of Staff/CRM (.sidebar.open) */
.ag-apps-drawer.sidebar {
  position: fixed; top: 0; left: 0; bottom: 0; z-index: 40000;
  width: min(280px, 86vw);
  height: 100vh; height: 100dvh;
  max-height: 100vh; max-height: 100dvh;
  box-sizing: border-box;
  padding: calc(22px + env(safe-area-inset-top, 0px)) 16px calc(18px + env(safe-area-inset-bottom, 0px));
  background: var(--ag-navy, #1f2a36); color: #e9eef3;
  font-family: var(--ag-font);
  transform: translateX(-100%); transition: transform .2s ease;
  overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
  -webkit-user-select: none; user-select: none; text-align: left;
}
.ag-apps-drawer.sidebar.open { transform: translateX(0); box-shadow: 12px 0 40px rgba(0,0,0,.35); }
.ag-apps-drawer .brand {
  font-family: var(--ag-serif); font-size: 22px; font-weight: 400; letter-spacing: .02em;
  padding-bottom: 10px; border-bottom: 3px solid #b8612b; margin-bottom: 10px; color: #fff;
}
.ag-apps-drawer .brand span { color: var(--ag-accent); }
.ag-apps-drawer .brand-sub { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--ag-muted); }
.ag-apps-drawer .org-sites-wrap { margin-top: 0; }
.ag-apps-drawer .sidebar-foot { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.12); font-size: 13px; }
.ag-apps-drawer .sidebar-foot button { background: none; border: 0; color: var(--ag-muted); font: inherit; padding: 0; cursor: pointer; }
.ag-apps-scrim.nav-scrim { position: fixed; inset: 0; z-index: 39999; background: rgba(15,35,64,.45); }
.ag-apps-scrim.nav-scrim[hidden] { display: none; }

/* Bot (Ask Grok) slider: scroll like the other sliders, incl. iPhone Safari */
.ask-grok-backdrop { overscroll-behavior: contain; }
.ask-grok-panel {
  max-height: calc(100vh - env(safe-area-inset-top, 0px));
  max-height: calc(100dvh - env(safe-area-inset-top, 0px));
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
  min-height: 0;
}
.ask-grok-panel > * { flex-shrink: 0; }
.ask-grok-panel__thread { flex: 1 0 auto; overflow: visible; }