/* TGWDEV483: candidates overlay the composer; loading/selection never changes chat geometry. */
.chat-input-assistant {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 8px;
  box-sizing: border-box;
  z-index: 10400;
  overflow: auto;
  border: 1px solid #b9cdc4;
  border-radius: 9px;
  background: #ffffff;
  color: #23303a;
  box-shadow: 0 -3px 16px #17382b25;
}
.chat-input-assistant[hidden] { display: none; }
.chat-input-assistant__title { width: 100%; font-size: .85rem; color: var(--muted, #687784); }
.chat-input-assistant__candidate {
  min-height: 44px;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--border, #b3c9c5);
  border-radius: 8px;
  color: #23303a;
  background: #edf7f4;
  font: inherit;
  text-align: left;
  white-space: normal;
  cursor: pointer;
}
.chat-input-assistant__candidate:focus-visible { outline: 2px solid #16896c; outline-offset: 2px; }
.chat-input-assistant__error { font-size: .9rem; color: #b54332; }
html body .chat-input-assistant__candidate:not(#quickPushNextDragHandle):is(:hover,:focus-visible):not(:disabled){background:#dfeee7;color:#17492f;border-color:#87ae98;filter:none!important}
.phrase-panel .cpp-body{display:flex;flex-direction:column;gap:10px}
.phrase-tabs{display:flex;flex-wrap:wrap;gap:6px}
.phrase-tabs .cpp-button{min-width:0;padding:8px 10px}
.phrase-record{padding:10px 0;border-bottom:1px solid #dbe6e0;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.phrase-record strong,.phrase-record p,.phrase-record small{width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
.phrase-record small{color:#52636f}
.phrase-confirm{border:1px solid #c5b28a;background:#fffaf0;border-radius:9px;padding:10px;display:flex;flex-wrap:wrap;gap:8px}
.phrase-confirm p,.phrase-confirm strong{width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
.chat-composer:has(>.chat-composer__phrases){grid-template-columns:34px minmax(0,1fr) 54px 34px 34px auto}
.chat-composer .chat-composer__phrases{font-size:14px;line-height:1.2;padding:5px 3px;background:#edf7f4;color:#17492f;border:1px solid #bdd6c8;border-radius:6px}
html body .chat-composer__phrases:not(#quickPushNextDragHandle):is(:hover,:focus-visible){background:#dfeee7;color:#17492f;filter:none!important}
@media(max-width:350px){.chat-composer:has(>.chat-composer__phrases){grid-template-columns:32px minmax(0,1fr) 50px 32px 32px}.chat-composer:has(>.chat-composer__phrases) .chat-composer__send{grid-column:2/6;width:100%}}