/* Responsive v192. Keep information reachable, never scale the entire UI. */
.app-shell, .content, .page, main { min-width: 0; }
.page { width: 100%; }
.section-head, .topbar, .user-editor-actions { flex-wrap: wrap; }
.table-scroll { max-width: 100%; overflow: auto; }
dialog { max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); overflow: auto; }
.whatsapp-workspace { height: 100vh; height: 100dvh; min-width: 0; grid-template-rows: auto minmax(0,1fr); }
.wa-workspace-topbar { min-height: 58px; flex-wrap: wrap; gap: 8px; padding: 8px 12px; }
.wa-brand { min-width: 0; flex: 1; }
.wa-runtime-status { min-width: 0; overflow-wrap: anywhere; }
.wa-app-shell, .whatsapp-workspace.wa-chat-open .wa-app-shell {
  display: grid; position: relative; min-width: 0; min-height: 0;
  grid-template-columns: 56px clamp(280px,24vw,390px) minmax(0,1fr) clamp(280px,22vw,370px);
}
.wa-app-shell > * { min-width: 0; min-height: 0; }
.wa-tool-rail { display: flex; overflow-y: auto; overflow-x: hidden; padding-inline: 4px; }
.wa-tool-rail > * { flex-shrink: 0; }
.wa-chat-list { grid-template-rows: auto auto auto minmax(0,1fr); }
.wa-list-head { min-width: 0; padding: 10px; gap: 7px; }
.wa-operator-identity { min-width: 0; overflow-wrap: anywhere; }
.wa-list-head .wa-user-avatar { width: 40px; height: 40px; flex-shrink: 0; }
.wa-list-head-actions { flex-shrink: 0; }
.wa-list-head .wa-icon-button { width: 32px; height: 36px; }
.wa-list-filters { display: flex; flex-wrap: wrap; justify-content: flex-start; overflow: visible; gap: 5px; padding: 6px 10px; }
.wa-list-filters button { font-size: 11px; padding: 6px 8px; }
.wa-active-chat { grid-template-rows: auto minmax(0,1fr) auto; }
.wa-chat-head { min-width: 0; min-height: 64px; flex-wrap: wrap; padding: 8px 10px; gap: 6px; }
.wa-contact-title { flex: 1; min-width: 80px; overflow-wrap: anywhere; }
.wa-contact-title strong, .wa-contact-title small { white-space: normal; }
.wa-chat-owner { flex-shrink: 0; }
.wa-chat-quick-actions { display: flex; flex-shrink: 0; margin-left: auto; }
.wa-chat-quick-actions .wa-icon-button { width: 34px; height: 36px; }
#wa-chat-menu-audit { display: flex; }
.wa-message-list { padding: 16px clamp(10px,3vw,52px); overscroll-behavior: contain; }
.wa-message { max-width: min(90%,680px); min-width: 0; }
.wa-message footer { flex-wrap: wrap; overflow-wrap: anywhere; }
.wa-message-media { max-width: 100%; height: auto; }
.wa-composer { min-width: 0; grid-template-columns: 36px auto 36px minmax(60px,1fr) 36px 40px; padding: 8px; gap: 4px; }
.wa-composer .wa-icon-button, .wa-composer .wa-send-button { width: 36px; height: 40px; }
.wa-composer .wa-template-button { display: block; padding: 0 8px; }
.wa-composer input { min-width: 0; }
.wa-context-panel.wa-assistant-panel { display: block !important; min-height: 0; overflow: auto; }
.wa-assistant-head { grid-template-columns: 36px minmax(0,1fr); gap: 8px; padding: 12px; }
.wa-assistant-symbol { width: 34px; height: 34px; }
.wa-assistant-head > .wa-future-badge { grid-column: 2; justify-self: start; }
.wa-assistant-card p, .wa-order-card > p, .wa-suggestion-card textarea { font-size: 13px; }
.wa-assistant-card > header { flex-wrap: wrap; }
.wa-context-toggle, .wa-context-close { display: none; }
.wa-transfer-panel { flex-wrap: wrap; max-height: 70%; overflow: auto; }
.wa-transfer-panel > div, .wa-transfer-panel input { min-width: 0; }
@media (max-width: 1279px) {
  .wa-app-shell, .whatsapp-workspace.wa-chat-open .wa-app-shell { grid-template-columns: 52px clamp(270px,30vw,340px) minmax(0,1fr); }
  .wa-context-panel.wa-assistant-panel { display: none !important; }
  .wa-context-toggle, .wa-context-close { display: block; padding: 9px; border: 1px solid #d9dfe5; border-radius: 8px; background: #fff; color: #26343c; font-size: 12px; }
  .whatsapp-workspace.wa-context-open .wa-context-panel { display: block !important; position: absolute; z-index: 40; inset: 0 0 0 auto; width: min(370px,100%); box-shadow: -10px 0 25px #0003; }
  .wa-context-close { position: sticky; top: 0; z-index: 5; width: 100%; min-height: 42px; }
  .wa-context-open .wa-assistant-head { top: 42px; }
  .wa-chat-owner > span { display: none; }
}
@media (max-width: 760px) {
  .wa-app-shell, .whatsapp-workspace.wa-chat-open .wa-app-shell { grid-template-columns: 48px minmax(0,1fr); }
  .wa-chat-list, .wa-chat-panel { position: relative; inset: auto; }
  .wa-chat-panel { display: none; }
  .whatsapp-workspace.wa-chat-open .wa-chat-list { display: none; }
  .whatsapp-workspace.wa-chat-open .wa-chat-panel { display: block; }
  .wa-chat-back { display: grid; }
  .wa-chat-owner { margin-left: 0; }
  .wa-workspace-topbar .wa-runtime-status { display: flex; flex-basis: 100%; order: 5; font-size: 11px; }
  .wa-brand strong { font-size: 15px; }
  .wa-brand small { font-size: 11px; }
  .wa-brand-icon { width: 30px; height: 30px; flex-shrink: 0; }
  .wa-composer { grid-template-columns: 36px auto 36px minmax(0,1fr) 36px 40px; }
  #wa-message-input { grid-row: 1; grid-column: 1 / -1; height: 42px; }
  .wa-composer > button { grid-row: 2; }
  #wa-attachment-open { grid-column: 1; }
  #wa-template-open { grid-column: 2; }
  #wa-emoji-open { grid-column: 3; }
  #wa-mic { grid-column: 5; }
  #wa-send { grid-column: 6; }
  .wa-composer .wa-emoji-button, .wa-composer .wa-mic-button { display: grid; }
  .wa-emoji-picker { left: 4px; max-width: calc(100% - 8px); bottom: 100%; grid-template-columns: repeat(6,minmax(0,36px)); }
  .wa-recording-strip { grid-template-columns: auto minmax(0,1fr) auto; }
  .wa-recording-live { flex-wrap: wrap; }
  .wa-message p { padding-right: 0; }
  .wa-message audio { width: 100%; }
  .wa-chat-menu { min-width: 190px; max-width: calc(100vw - 70px); }
  .topbar { gap: 10px; padding: 12px; }
  .section-head > *, .user-box, .account-toolbar { min-width: 0; max-width: 100%; }
}
@media (max-height: 600px) {
  .wa-workspace-topbar { min-height: 44px; padding-block: 4px; }
  .wa-chat-head { min-height: 48px; }
  .wa-tool-rail { gap: 4px; padding-block: 4px; }
}