/* Màn chi tiết/sửa tài liệu (_DocumentEditor): chế độ toàn màn hình + thanh chia 2 cột kéo được */

/* Toàn màn hình trong trang. z-index bằng header (9999): editor nằm sau header trong DOM nên phủ lên header,
   còn modal của editor (component.css .modal.is-active 9999, render sau editor) vẫn nổi trên — kiểm chứng 2026-09-28 */
.doc-editor-root.is-fullscreen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #fff;
}

/* Toàn màn hình: thanh tiêu đề thu gọn, nằm đầu cột phải (ToolbarInSide) → cột Nội dung cao hết màn hình.
   Hàng 1: quay lại + tiêu đề + phiên bản/đồng bộ; hàng 2: các nút, dồn phải, tự xuống dòng khi cột hẹp. */
.doc-editor-toolbar.is-side {
  flex-direction: column;
  align-items: stretch !important;
  padding: 0 0 12px !important;
}
.doc-editor-toolbar.is-side .is-flex {
  flex-wrap: wrap;
}
.doc-editor-toolbar.is-side > div:last-child {
  justify-content: flex-end;
}
.doc-editor-toolbar.is-side .is-size-5 {
  font-size: 1rem !important;
}

/* Toàn màn hình: cột Nội dung bớt đệm để khung soạn thảo rộng/cao tối đa */
.doc-editor-root.is-fullscreen .doc-editor-left {
  padding: 12px 16px !important;
}

/* Toàn màn hình + Google Docs: iframe chiếm trọn cột trái — không đệm, không viền, bỏ dòng dự phòng
   (nút "Mở trên Google Docs" đã có ở thanh tiêu đề cột phải) */
.doc-editor-root.is-fullscreen .doc-editor-left.is-google-full {
  padding: 0 !important;
  gap: 0 !important;
}
.doc-editor-left.is-google-full .field {
  margin-bottom: 0;
}
.doc-editor-left.is-google-full .doc-google-edit-frame {
  border: none;
  border-radius: 0;
}
.doc-editor-left.is-google-full .doc-google-edit-fallback {
  display: none !important;
}
/* Ô thông báo đồng bộ (nếu có) vẫn giữ khoảng cách với mép */
.doc-editor-left.is-google-full > .notification {
  margin: 8px 12px;
}

/* Độ rộng cột trái điều khiển bằng biến; mặc định 7/12 như bố cục cũ (flex 7 : 5) */
.doc-editor-body {
  --doc-editor-left: 58.333%;
}
.doc-editor-left {
  flex: 0 0 var(--doc-editor-left);
}
.doc-editor-right {
  flex: 1 1 0;
}

.doc-editor-splitter {
  flex: 0 0 6px;
  cursor: col-resize;
  background: #eee;
  touch-action: none;
}
.doc-editor-splitter:hover,
.doc-editor-splitter:focus-visible,
.doc-editor-body.is-resizing .doc-editor-splitter {
  background: var(--bulma-link, #346bda);
  outline: none;
}

/* Trong lúc kéo: iframe (Google Docs) không nuốt sự kiện chuột, không bôi đen chữ */
.doc-editor-body.is-resizing {
  cursor: col-resize;
  user-select: none;
}
.doc-editor-body.is-resizing iframe {
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .doc-editor-splitter {
    display: none;
  }
}