/**
 * File:          public/css/message_menu.css
 * Version:       0.1.0
 * Last Modified: 2026-11-01 08:48 PM EST
 * Changes:       New. Chat 2.0 step 4 (M3) message menu (message_menu.js): scrim (blurred on touch), the menu
 *                (CodePapi UI 2.0 values: 20 px corners, 44 px rows, 15.5 px labels, 19 px icons), the
 *                Select more… tick boxes and bottom bar. Fits any screen: max-height + its own scroll.
 */
.c2-msg-scrim { position: fixed; inset: 0; z-index: 99970; background: transparent; }
.c2-msg-scrim.is-blur { background: rgba(0,0,0,.55); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.c2-msg-menu { position: fixed; z-index: 99972; min-width: 230px; max-width: calc(100vw - 24px); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px);
  overflow-y: auto; overscroll-behavior: contain; padding: 6px 0; border: 1px solid var(--c2-float-line); border-radius: 20px;
  background: var(--c2-sheet); box-shadow: 0 18px 50px rgba(0,0,0,.6); font-family: var(--c2-font); }
.c2-msg-item { display: flex; align-items: center; gap: 13px; width: 100%; height: 44px; padding: 0 16px; margin: 0; border: 0; border-radius: 0;
  background: transparent; color: var(--c2-text); font: inherit; font-size: 15.5px; text-align: left; cursor: pointer; white-space: nowrap; box-shadow: none; }
.c2-msg-item:hover, .c2-msg-item:focus-visible { background: var(--c2-surface-2); outline: none; }
.c2-msg-item svg { width: 19px; height: 19px; flex: none; color: var(--c2-text-2); }
.c2-msg-sep { height: 1px; margin: 5px 0; background: var(--c2-line); }
#chat-area .c2-menu-target { box-shadow: 0 0 0 2px var(--border-active); border-radius: 16px; }
@media (hover: hover) { .c2-msg-item { height: 38px; font-size: 14px; } }

/* Select more… */
body.c2-multiselect #chat-area :is(.msg, .debate-card, .brainstorm-synthesis-card) { position: relative; cursor: pointer; }
.c2-select-check { position: absolute; top: 8px; left: -12px; z-index: 3; width: 22px; height: 22px; border-radius: 11px;
  border: 2px solid var(--c2-line-2); background: var(--c2-bg); pointer-events: none; }
body.c2-multiselect #chat-area .c2-selected > .c2-select-check { border-color: var(--c2-accent); background: var(--c2-accent); }
body.c2-multiselect #chat-area .c2-selected > .c2-select-check::after { content: ""; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px;
  border: solid var(--c2-accent-ink); border-width: 0 2px 2px 0; transform: rotate(45deg); }
body.c2-multiselect #chat-area .c2-selected { box-shadow: 0 0 0 2px var(--border-active); border-radius: 16px; }
.c2-select-bar { position: fixed; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 99960;
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; width: max-content; max-width: calc(100vw - 24px); box-sizing: border-box;
  padding: 6px; border: 1px solid var(--c2-float-line); border-radius: 24px;
  background: var(--c2-float); box-shadow: var(--c2-float-shadow); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); font-family: var(--c2-font); }
.c2-select-count { padding: 0 8px 0 10px; font-size: 13px; color: var(--c2-muted); white-space: nowrap; }
.c2-select-bar button { flex-shrink: 0; min-height: 36px; padding: 0 14px; margin: 0; border: 0; border-radius: 18px; white-space: nowrap;
  background: var(--c2-accent); color: var(--c2-accent-ink); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.c2-select-bar button.is-quiet { background: var(--c2-surface-2); color: var(--c2-text); }
.c2-select-bar button:disabled { opacity: .45; cursor: default; }
/* === END OF FILE (FILENAME: /var/www/vhosts/koracouncil.com/app.koracouncil.com/public/css/message_menu.css) === */