.consult-panel { position: fixed; margin: auto; inset: 0; width: min(480px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 0; border: 0; border-radius: 14px; background: #fff; color: #0B1018; }
.consult-panel::backdrop { background: rgba(11,16,24,.6); }
.consult-panel-in { width: 100%; max-height: calc(100vh - 32px); overflow-y: auto; padding: 24px; display: flex; flex-direction: column; gap: 14px; box-sizing: border-box; }
.consult-panel-in h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: 24px; line-height: 1.2; }
.consult-panel-in h3 { font-size: 16px; }
.consult-channels { display: flex; flex-wrap: wrap; gap: 8px; }
.consult-fallback { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600; }
.consult-fallback[hidden] { display: none; }
.consult-fallback textarea { width: 100%; min-width: 0; padding: 12px; border: 1px solid #dcd7cc; border-radius: 8px; font: 14px/1.5 system-ui, sans-serif; resize: vertical; }
.consult-ai-placeholder { padding: 12px; border-radius: 8px; background: #F3F1EB; font-size: 13px; color: #5d6572; }

@media (max-width: 480px) {
  .consult-panel { inset: auto 0 0 0; margin: 0; width: 100%; max-height: 85vh; border-radius: 14px 14px 0 0; }
}