.assistant-panel { max-width: 900px; margin-inline: auto; padding: 0; overflow: hidden; }
.assistant-panel header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; padding: 16px 20px; border-bottom: 1px solid var(--line); }
.assistant-panel header h2 { display: flex; align-items: center; gap: 8px; font-size: 18px; }
.assistant-panel header p { color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.assistant-panel header svg { color: var(--primary); }
.assistant-history { display: flex; flex-direction: column; align-items: start; gap: 14px; padding: 20px; min-height: 225px; max-height: min(54vh, 570px); overflow: auto; background: var(--page); overscroll-behavior: contain; }
.assistant-message { flex: none; max-width: min(85%, 650px); padding: 12px 14px; border: 1px solid var(--line); border-radius: 15px; background: var(--brand-card); }
.assistant-message--user { align-self: end; background: var(--brand-soft); }
.assistant-message > strong { font-size: 12px; color: var(--muted); }
.assistant-message p { margin-top: 4px; white-space: pre-wrap; overflow-wrap: anywhere; }
.assistant-message small { display: block; margin-top: 6px; color: var(--muted); overflow-wrap: anywhere; }
.assistant-proposal { display: grid; gap: 10px; margin-top: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; }
.assistant-proposal ul { margin: 0; padding-inline-start: 20px; overflow-wrap: anywhere; }
.assistant-proposal img { max-width: 220px; width: 100%; max-height: 175px; object-fit: contain; border-radius: 8px; }
.assistant-compose { padding: 14px 20px; border-top: 1px solid var(--line); }
.assistant-compose textarea { min-height: 66px; resize: vertical; }
.assistant-composer-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.assistant-compose .assistant-composer-actions [type=submit] { margin-inline-start: auto; }
.assistant-attachment { position: relative; cursor: pointer; }
.assistant-attachment input { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; }
.assistant-attachment:focus-within { outline: 2px solid var(--primary); outline-offset: 2px; }
.assistant-compose small { display: block; margin-top: 6px; color: var(--muted); overflow-wrap: anywhere; }
.assistant-thinking { display: flex; align-items: center; gap: 8px; color: var(--muted); }
.assistant-thinking .spinner { width: 17px; height: 17px; }
.assistant-dialog .modal-body { padding: 0 10px 10px; }
.assistant-dialog .assistant-panel { margin: 0; }
.assistant-version-panel { padding: 16px; border-bottom: 1px solid var(--line); max-height: 65vh; overflow: auto; }
.menu-price-review { max-height: 320px; overflow: auto; border: 1px solid var(--line); border-radius: 10px; width: 100%; }
.menu-price-review table { width: 100%; border-collapse: collapse; font-size: 13px; }
.menu-price-review th { position: sticky; top: 0; background: var(--brand-card); z-index: 1; }
.menu-price-review th,.menu-price-review td { text-align: start; padding: 9px 10px; border-bottom: 1px solid var(--line); }
.menu-price-review td small { display: block; color: var(--muted); }
.menu-price-review td:not(:first-child) { white-space: nowrap; }
.menu-version-head { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.menu-version-head p,.menu-version-list small { color: var(--muted); font-size: 13px; }
.menu-version-list { display: grid; gap: 10px; }
.menu-version-list article { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 12px; }
.menu-version-list article > div { min-width: 0; flex: 1 1 220px; overflow-wrap: anywhere; }
.menu-version-list small { display: block; margin-top: 4px; }
.menu-version-list p { margin-top: 6px; }
[data-version-review] > section { margin-bottom: 18px; }
@media (max-width: 580px) {
  .assistant-panel header, .assistant-history, .assistant-compose { padding: 12px; }
  .assistant-history { min-height: 185px; max-height: 46vh; }
  .assistant-message { max-width: 96%; }
  .assistant-composer-actions .button { white-space: normal; font-size: 12px; padding-inline: 8px; }
}