.chat-resizer { display: none; }
.chat-file-drop-overlay { display: none; }
.chat-file-dragging > .chat-file-drop-overlay {
  display: flex;
  position: absolute;
  inset: 8px;
  z-index: 50;
  align-items: center;
  justify-content: center;
  padding: 24px;
  border: 2px dashed #07a653;
  border-radius: 12px;
  background: rgba(239, 255, 245, .94);
  color: #087b3d;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  pointer-events: none;
}

@media (min-width: 900px) {
  .chat-desktop-layout { position: relative; }
  .chat-desktop-layout:not(#appShell) > .sidebar {
    width: var(--chat-sidebar-width, 340px);
    flex: 0 0 var(--chat-sidebar-width, 340px);
    min-width: 0;
  }
  #appShell.chat-desktop-layout { --pc-list-w: var(--chat-sidebar-width, 340px); }
  .chat-desktop-layout > .chat { min-width: 0; }
  .chat-desktop-layout .sidebar-header,
  .chat-desktop-layout .sidebar-footer { flex-wrap: wrap; }
  .chat-resizer {
    display: block;
    flex: 0 0 8px;
    touch-action: none;
    user-select: none;
    z-index: 20;
    background: transparent;
  }
  .chat-resizer:hover, .chat-resizer:focus-visible {
    background: transparent;
    outline: none;
  }
  .chat-resizer-vertical {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 8px;
    cursor: col-resize;
  }
  .chat-resizer-horizontal { cursor: row-resize; }
  .chat-resizer-horizontal::after {
    content: '';
    display: block;
    width: 32px;
    height: 2px;
    margin: 3px auto;
    border-radius: 2px;
    background: #c6cdc8;
  }
  .chat-desktop-layout #chatFooter {
    height: var(--chat-composer-height, 194px);
    min-height: 0;
    flex-shrink: 0;
  }
  .chat-desktop-layout .composer-editor { min-width: 0; }
  .chat-desktop-layout #composerInput {
    min-width: 0;
    min-height: 0;
    max-height: none;
    height: 100%;
  }
  #appShell.chat-desktop-layout #composerInput {
    height: calc(100% - 44px);
  }
  .chat-desktop-layout .attachments {
    flex-shrink: 0;
    max-height: 160px;
    overflow-y: auto;
  }
  .chat-resizing-width, .chat-resizing-width * { cursor: col-resize !important; user-select: none !important; }
  .chat-resizing-height, .chat-resizing-height * { cursor: row-resize !important; user-select: none !important; }
}