/* The native PC grip stays native. Touch gets its own height and preference. */
body.touch.mobile-compact-ui .chat-panel.mcr-enabled:not(.gone):not(.folded) { overflow: visible; }
body.touch.mobile-compact-ui .chat-panel.mcr-enabled:not(.gone):not(.folded) .chat-grow {
  display: block;
  position: relative; top: 0; left: 0; right: auto; bottom: auto;
  margin: 0 auto; transform: none; z-index: 3; pointer-events: auto;
  width: calc(64px * var(--mcr-inv, 1)); height: var(--mcr-handle-height, 16px);
  box-sizing: border-box; padding: 0;
  opacity: 1; overflow: visible; touch-action: none; user-select: none; -webkit-user-select: none;
  cursor: ns-resize; background: none;
}
/* A thumb may land above the thin edge; no hit region extends into the channel row. */
body.touch.mobile-compact-ui .chat-panel.mcr-enabled .chat-grow::before {
  content: ''; position: absolute; left: 0; right: 0;
  top: calc(-16px * var(--mcr-inv, 1)); bottom: 0;
  background: transparent;
}
body.touch.mobile-compact-ui .chat-panel.mcr-enabled .chat-grow[data-mcr-zero="1"] { display: none !important; }
body.touch.mobile-compact-ui .chat-panel.mcr-enabled .chat-grow::after {
  content: ''; position: absolute; left: 50%; top: 50%;
  width: calc(36px * var(--mcr-inv, 1)); height: calc(3px * var(--mcr-inv, 1));
  transform: translate(-50%, -50%); border-radius: 3px; background: #e4bf68;
  pointer-events: none;
}
body.touch.mobile-compact-ui .chat-panel.mcr-enabled .chat-grow:focus-visible { outline: 2px solid #fff0ad; outline-offset: -3px; }
body.touch.mobile-compact-ui .chat-panel.mcr-enabled .ui-chat-tools { top: var(--mcr-handle-height, 16px) !important; }
body.touch.mobile-compact-ui .chat-panel.mcr-enabled.gone .ui-chat-tools,
body.touch.mobile-compact-ui .chat-panel.mcr-enabled.folded .ui-chat-tools { top: 0 !important; bottom: auto; }
body.touch.mobile-compact-ui .chat-panel.mcr-enabled .chat-log,
body.touch.mobile-compact-ui .chat-panel.mcr-enabled .chat-updates {
  box-sizing: border-box;
  height: var(--mcr-log-height, calc(92px * var(--mcr-inv, 1))) !important;
  min-height: 0 !important;
  max-height: var(--mcr-log-height, calc(92px * var(--mcr-inv, 1))) !important;
  overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y;
}
body.touch.mobile-compact-ui .chat-panel.mcr-enabled .chat-updates {
  font-size: calc(12px * var(--mcr-inv, 1));
  padding: calc(4px * var(--mcr-inv, 1)) calc(8px * var(--mcr-inv, 1));
}
body.touch.mobile-compact-ui .chat-panel.mcr-enabled .chat-updates h4 { font-size: inherit; }
body:not(.touch) .chat-grow.mcr-created { display: none; }