/**
 * MI Panel Resize Override — mi-chat-resize module
 * Loaded AFTER mi-panel.js injects its inline panel CSS
 * Purpose: widen panel 320px → 420px, enlarge chat area
 *
 * FORGE Module: mi-chat-resize | Status: GREEN
 * DO NOT modify mi-panel.js or mi-panel-chat.js (both @frozen mi-panel-base)
 */

/* 1. Widen panel and adjust closed-state offset */
.mi-panel {
  width: 420px !important;
  left: -440px !important;
}

/* 2. Open state: slide fully into view */
.mi-panel.mi-panel--open {
  left: 0 !important;
}

/* 3. Chat messages area: substantial visible height */
.mi-chat-messages {
  min-height: 300px;
}

/* 4. Chat bubbles: larger text, more width available */
.mi-chat-bubble {
  max-width: 85%;
  font-size: 13px;
}

/* 5. Content area: slightly more horizontal padding */
.mi-panel__content {
  padding: 14px 16px;
}

/* 6. Chat input row: breathing room */
.mi-chat-input-row {
  padding: 10px 0;
}