/* Module Tài liệu — Liên kết & Google Docs (spec 2026-09-28-document-link-google-docs-design.md) */

/* Ô thông báo viền trái + icon — theo .claude/rules/server/blazor-page-layout.md §4 */
.notification.doc-google-notice {
  border: var(--bulma-control-border-width) solid var(--bulma-border);
  border-left-width: calc(var(--bulma-control-border-width) * 3);
  border-radius: var(--bulma-radius-large);
  padding: 0.75rem 1rem;
  margin-bottom: 0;
}
.notification.doc-google-notice.is-warning-notice { background: var(--bulma-warning-95); border-left-color: var(--bulma-warning); }
.notification.doc-google-notice.is-danger-notice { background: var(--bulma-danger-95); border-left-color: var(--bulma-danger); }
.notification.doc-google-notice.is-info-notice { background: var(--bulma-info-95); border-left-color: var(--bulma-info); }
/* Biến thể 1 dòng (vd cảnh báo "không kéo-thả được" ở panel Trường dữ liệu) */
.notification.doc-google-notice.is-compact {
  display: flex;
  align-items: center;
  padding: 0.4rem 0.75rem;
}

/* Chế độ sửa Google Docs: khung iframe editor */
.doc-google-edit-frame {
  display: flex;
  flex-direction: column;
  min-height: 0;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}
.doc-google-edit-frame iframe {
  flex: 1;
  width: 100%;
  min-height: 480px;
  border: none;
}