/* Minimal CKEditor 5 toolbar/theme fallback when CDN CSS is blocked.
   This does not replace the full lark theme, but ensures toolbar and icons are visible. */

:root{
  --ck-color-toolbar-background:#f8f9fa;
  --ck-color-base-border:#e5e7eb;
  --ck-color-base-foreground:#111827;
}

.ck.ck-reset{ box-sizing:border-box; }
.ck.ck-editor{ width:100%; }
.ck.ck-toolbar{
  display:flex !important;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  background:var(--ck-color-toolbar-background) !important;
  border:1px solid var(--ck-color-base-border) !important;
  border-bottom:1px solid var(--ck-color-base-border) !important;
  border-radius:8px 8px 0 0 !important;
  padding:6px !important;
}
.ck .ck-toolbar__separator{ width:1px; height:18px; background:var(--ck-color-base-border); margin:0 4px; }
.ck.ck-button{ display:inline-flex; align-items:center; gap:6px; padding:6px 8px; border:0; background:transparent; border-radius:6px; }
.ck.ck-button:hover{ background:rgba(0,0,0,.06); }
.ck.ck-button .ck-button__icon{ width:18px; height:18px; display:inline-flex; }
.ck.ck-button .ck-button__label{ font-size:12px; color:var(--ck-color-base-foreground); }

.ck.ck-editor__main>.ck-editor__editable{
  min-height: 180px;
  border:1px solid var(--ck-color-base-border) !important;
  border-top:0 !important;
  border-radius:0 0 8px 8px !important;
  background:#fff !important;
  padding:14px !important;
}

.ck .ck-dropdown__panel{ z-index:10000; }