/* editor-theme.css — Giao diện tối cho trang soạn thảo (editor.php), đồng bộ trang chủ.
   Chỉ editor.php nạp file này — không ảnh hưởng dashboard.php/view.php. */

:root {
  --ac-bg: #0a0b16;
  --ac-card: rgba(255, 255, 255, .05);
  --ac-border: rgba(255, 255, 255, .1);
  --ac-ink: #f3f4fb;
  --ac-ink-soft: #a3a8c9;
  --ac-accent: #7c5cff;
  --ac-accent-dark: #6344e6;
  --home-cyan: #22d3ee;
}

body { background: var(--ac-bg); }

.ac-brand { color: var(--ac-ink); }
.ac-editor-toolbar { background: rgba(255, 255, 255, .03); border-bottom-color: var(--ac-border); }
.ac-editor-title-input { color: var(--ac-ink); }
.ac-editor-title-input:hover, .ac-editor-title-input:focus { background: rgba(255, 255, 255, .04); border-color: var(--ac-border); }
.ac-editor-title-input::placeholder { color: #6a6f92; }
.ac-editor-status { color: var(--ac-ink-soft); }

.ac-btn-ghost { border-color: var(--ac-border); color: var(--ac-ink); }
.ac-btn-ghost:hover { background: rgba(255, 255, 255, .06); }
.ac-btn-primary { background: linear-gradient(135deg, var(--ac-accent), var(--home-cyan)); }
.ac-btn-primary:hover { filter: brightness(1.08); }

.ac-editor-panes { border-right-color: var(--ac-border); }
.ac-tabs { background: rgba(255, 255, 255, .03); }

.ac-preview-wrap { background: #05060c; }
.ac-preview-bar { background: rgba(255, 255, 255, .03); border-bottom-color: var(--ac-border); }
.ac-preview-canvas { background: #05060c; }

.ac-view-toggle { background: rgba(255, 255, 255, .06); }
.ac-view-btn.active { background: linear-gradient(135deg, var(--ac-accent), var(--home-cyan)); }

/* Modal (chèn ảnh / xuất bản) luôn nền trắng — ép lại biến màu tối để không bị chìm chữ
   trên nền trắng, giống lỗi đã sửa ở trang chủ (xem home.css). */
.ac-modal {
  --ac-ink: #1e2430; --ac-ink-soft: #5b6472; --ac-border: #e4e7ed; --ac-card: #f6f7fb;
  color: var(--ac-ink);
}
.ac-modal input, .ac-modal textarea, .ac-modal select { background: #fff; color: #1e2430; }
.ac-modal input::placeholder, .ac-modal textarea::placeholder { color: #9aa0b8; }

.ac-pb-chip.active { background: linear-gradient(135deg, var(--ac-accent), var(--home-cyan)); border-color: transparent; }
.ac-pb-upload-tile { color: var(--ac-ink-soft); }