/* A-native presentation adapter. Desktop widths never apply to other routes/mobile. */
.conversation-resizer { display: none; }
@media (min-width: 1200px) {
  #app-screen[data-view="conversations"][data-panel-resize="on"] > .sidebar {
    width: var(--conversation-list-width, 288px);
    min-width: var(--conversation-list-width, 288px);
  }
  #app-screen[data-view="conversations"][data-panel-resize="on"] > #work-insights:not(.is-collapsed) {
    position: relative;
    width: var(--conversation-insights-width, 340px);
    min-width: var(--conversation-insights-width, 340px);
    max-width: 420px;
  }
  #app-screen[data-view="conversations"][data-panel-resize="on"][data-insights-overlay="on"] > #work-insights:not(.is-collapsed) {
    position: fixed; right: 0; top: 0; z-index: 15;
    box-shadow: var(--shadow-lg);
  }
  #app-screen[data-panel-resize="on"] .conversation-resizer:not([hidden]) {
    display: block; position: absolute; top: 0; bottom: 0; width: 10px;
    z-index: 5; cursor: col-resize; touch-action: none;
    outline: none;
  }
  .conversation-resizer-list { right: 0; }
  .conversation-resizer-insights { left: 0; }
  .conversation-resizer::after {
    content: ""; position: absolute; top: 0; bottom: 0; left: 4px; width: 2px;
    background: var(--border-strong); opacity: .5;
  }
  .conversation-resizer:hover::after, .conversation-resizer.is-dragging::after {
    background: var(--accent); opacity: 1;
  }
  .conversation-resizer:focus-visible {
    outline: 2px solid var(--accent); outline-offset: -2px;
    background: var(--accent-soft);
  }
  .conversation-resizer:focus-visible::after { background: var(--accent); opacity: 1; }
}
body.conversation-panel-dragging { cursor: col-resize; user-select: none; }
body.conversation-panel-dragging iframe, body.conversation-panel-dragging video { pointer-events: none; }