/* === Mobile Responsive === */

/* ==================== 移动端响应式 ==================== */
@media (max-width: 768px) {
  .sidebar {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 1000;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    min-width: 280px !important;
    max-width: 280px !important;
  }
  .sidebar.mobile-open { transform: translateX(0); }
  .sidebar-resize-handle { display: none; }
  .hamburger-btn { display: flex; }
  .right-panel { width: 100vw; }
  .top-bar-left { flex-shrink: 0; }
  .editor-container { flex-direction: column !important; }
  .editor-pane, .preview-pane { flex-basis: 50% !important; width: 100% !important; }
  .editor-resize-handle { display: none; }
  .toc { display: none; }
  .doc-actions .btn span { display: none; }
  .doc-actions .btn svg { margin: 0; }
  .history-panel, .trash-panel { width: 100vw; }
  .tree-item { min-height: 40px; }
  .btn, .top-bar-btn { min-height: 36px; }
  .search-results { max-height: 300px; }
}

@media (max-width: 480px) {
  .doc-header { flex-direction: column; gap: 8px; }
  .doc-actions { width: 100%; justify-content: flex-end; }
  .modal-content, .import-modal-content { width: 95vw !important; max-height: 90vh; }
}