:root{
  --cmx-rte-bg: var(--cmx-card, #fff);
  --cmx-rte-fg: var(--cmx-text, #0f172a);
  --cmx-rte-muted: var(--cmx-muted, #64748b);
  --cmx-rte-border: rgba(15,23,42,.14);
  --cmx-rte-accent: var(--cmx-accent, #2563eb);
  --cmx-rte-danger: #dc2626;
  --cmx-rte-shadow: 0 10px 26px rgba(2,6,23,.06);
}

textarea.cmx-rte-hidden[data-cmx-editor="1"]{ display:none !important; }

.cmx-rte.cmx-wys-wrap{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  position:relative;
  border:1px solid var(--cmx-rte-border);
  border-radius:0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.94)),
    radial-gradient(120% 70% at 0% 0%, rgba(37,99,235,.05), transparent 60%);
  color:var(--cmx-rte-fg);
  box-shadow:var(--cmx-rte-shadow);
  overflow:visible;
}
.cmx-rte.cmx-wys-wrap[data-density="compact"]{ --cmx-rte-pad:6px; --cmx-rte-btn-h:32px; --cmx-rte-gap:5px; }
.cmx-rte.cmx-wys-wrap[data-density="cozy"]{ --cmx-rte-pad:8px; --cmx-rte-btn-h:36px; --cmx-rte-gap:6px; }
.cmx-rte.cmx-wys-wrap[data-density="comfortable"]{ --cmx-rte-pad:10px; --cmx-rte-btn-h:40px; --cmx-rte-gap:8px; }

.cmx-rte-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:var(--cmx-rte-gap, 6px);
  align-items:center;
  padding:var(--cmx-rte-pad, 8px);
  border-bottom:1px solid rgba(15,23,42,.09);
  background:linear-gradient(180deg, rgba(248,250,252,.95), rgba(241,245,249,.86));
  border-top-left-radius:0;
  border-top-right-radius:0;
}
.cmx-rte-group{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--cmx-rte-gap, 6px);
  padding:2px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.82);
  border-radius:0 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.75) inset;
}

.cmx-rte-btn,
.cmx-rte-select,
.cmx-rte-color-wrap{
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:inherit;
  border-radius:0 !important;
  min-height:var(--cmx-rte-btn-h, 36px);
  font:inherit;
  box-sizing:border-box;
}

.cmx-rte-btn{
  padding:0 10px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  line-height:1;
  font-weight:700;
  transition:transform .06s ease, border-color .12s ease, background-color .12s ease, box-shadow .12s ease;
  min-width:38px;
  white-space:nowrap;
}
.cmx-rte-btn .cmx-rte-ico{ font-size:13px; opacity:.95; }
.cmx-rte-btn .cmx-rte-lbl{ font-size:12px; font-weight:700; letter-spacing:.01em; }
.cmx-rte-btn.is-icon-only{ padding:0 8px; min-width:36px; }
.cmx-rte-btn.is-icon-only .cmx-rte-lbl{ display:none; }
.cmx-rte-btn:hover:not(:disabled){
  border-color:rgba(37,99,235,.35);
  background:rgba(37,99,235,.05);
  box-shadow:0 0 0 3px rgba(37,99,235,.08);
}
.cmx-rte-btn:active:not(:disabled){ transform:translateY(1px); }
.cmx-rte-btn:disabled{ opacity:.5; cursor:not-allowed; }
.cmx-rte-btn.is-active{
  background:linear-gradient(180deg, rgba(37,99,235,.14), rgba(37,99,235,.08));
  border-color:rgba(37,99,235,.42);
  box-shadow:0 0 0 3px rgba(37,99,235,.08);
}

.cmx-rte-sep{
  width:1px;
  align-self:stretch;
  min-height:24px;
  background:rgba(15,23,42,.10);
  margin:0 2px;
}

.cmx-rte-select{
  padding:0 10px;
  max-width:170px;
  min-width:110px;
  outline:none;
  cursor:pointer;
  font-size:12px;
  background:linear-gradient(180deg, #fff, #f8fafc);
}
.cmx-rte-select:focus{
  border-color:rgba(37,99,235,.35);
  box-shadow:0 0 0 3px rgba(37,99,235,.10);
}

.cmx-rte-color-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  min-width:42px;
  padding:0;
  overflow:hidden;
  cursor:pointer;
}
.cmx-rte-color-chip{
  width:22px;
  height:22px;
  border-radius:0;
  border:1px solid rgba(15,23,42,.15);
  background:conic-gradient(from 0deg, #ef4444, #f59e0b, #10b981, #06b6d4, #3b82f6, #8b5cf6, #ec4899, #ef4444);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset;
}
.cmx-rte-color{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.01;
  cursor:pointer;
  border:0;
  padding:0;
}
.cmx-rte-color-wrap:focus-within{
  border-color:rgba(37,99,235,.35);
  box-shadow:0 0 0 3px rgba(37,99,235,.10);
}

.cmx-rte-editor.cmx-wys-editor.cmx2-surface{
  min-height:var(--cmx-rte-editor-min-h, 220px);
  height:var(--cmx-rte-editor-h, 220px);
  max-height:var(--cmx-rte-editor-max-h, 220px);
  overflow-y:auto;
  padding:14px 16px;
  outline:none;
  background:transparent;
  color:inherit;
  line-height:1.34;
  white-space:normal;
  word-break:break-word;
  box-sizing:border-box;
}

.cmx-rte-editor:empty::before{
  content: attr(data-placeholder);
  color: var(--cmx-rte-muted);
  pointer-events:none;
}

.cmx-rte-editor p,
.cmx-rte-editor div{ margin:0; }
.cmx-rte-editor br{ line-height:1.2; }
.cmx-rte-editor ul,
.cmx-rte-editor ol{ margin:.2em 0 .35em 1.25em; padding:0; }
.cmx-rte-editor blockquote,
.cmx-rte-editor .cmx2-quote{
  margin:.25em 0;
  padding:.65em .8em;
  border-left:3px solid rgba(37,99,235,.45);
  background:rgba(37,99,235,.06);
  border-radius:0 !important;
}
.cmx-rte-editor pre{
  margin:.25em 0;
  padding:.7em .8em;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(15,23,42,.04);
  border-radius:0 !important;
  overflow:auto;
  white-space:pre-wrap;
}
.cmx-rte-editor code{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }
.cmx-rte-editor a{ color: var(--cmx-rte-accent); text-decoration-thickness:1px; }
.cmx-rte-editor img{ max-width:100%; height:auto; vertical-align:middle; border-radius:0; }


.cmx-rte-editor font[size="1"]{font-size:10px !important;}
.cmx-rte-editor font[size="2"]{font-size:12px !important;}
.cmx-rte-editor font[size="3"]{font-size:14px !important;}
.cmx-rte-editor font[size="4"]{font-size:16px !important;}
.cmx-rte-editor font[size="5"]{font-size:18px !important;}
.cmx-rte-editor font[size="6"]{font-size:24px !important;}
.cmx-rte-editor font[size="7"]{font-size:32px !important;}

.cmx-rte-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  border-top:1px solid rgba(15,23,42,.08);
  padding:7px 10px;
  color:var(--cmx-rte-muted);
  font-size:12px;
  background:rgba(248,250,252,.6);
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}
.cmx-rte-counter.is-over{ color: var(--cmx-rte-danger); font-weight:700; }

.cmx-rte-status{
  position:absolute;
  right:10px;
  bottom:42px;
  padding:6px 10px;
  border-radius:0 !important;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0f172a;
  box-shadow:0 10px 20px rgba(2,6,23,.12);
  font-size:12px;
  opacity:0;
  transform:translateY(4px);
  pointer-events:none;
  transition:.15s ease;
}
.cmx-rte-status.is-show{ opacity:1; transform:translateY(0); }

.cmx-rte-pop{
  position:fixed;
  z-index:1200;
  min-width:260px;
  max-width:calc(100vw - 20px);
  max-height:min(86vh, 540px);
  display:flex;
  flex-direction:column;
  border:1px solid rgba(15,23,42,.12);
  border-radius:0 !important;
  background:#fff;
  box-shadow:0 16px 36px rgba(2,6,23,.16);
  overflow:hidden;
}
.cmx-rte-pop-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 12px;
  border-bottom:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg, #fff, #f8fafc);
}
.cmx-rte-pop-x{
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0f172a;
  border-radius:0 !important;
  min-width:30px;
  height:30px;
  cursor:pointer;
}
.cmx-rte-pop-body{ padding:10px; max-height:none; overflow:auto; flex:1 1 auto; min-height:0; }
.cmx-rte-pop-loading{ color:#64748b; font-size:13px; padding:6px 2px; }

.cmx-rte-pop[data-kind="style"]{width:min(360px,calc(100vw - 20px)) !important;}
.cmx-rte-style-form{display:grid;gap:10px;}
.cmx-rte-style-gap{margin-top:0 !important;}
.cmx-rte-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.cmx-rte-style-grid > div{min-width:0;}
.cmx-rte-style-actions{display:flex;align-items:end;justify-content:end;gap:8px;}
.cmx-rte-style-checks{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.cmx-rte-style-checks label,.cmx-rte-style-checkline{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.35;}
.cmx-rte-style-checkline{margin-top:0;}
.cmx-rte-style-note{opacity:.82;font-size:12px;line-height:1.35;}
.cmx-rte-style-footer{display:flex;justify-content:space-between;gap:8px;}
@media (max-width:640px){
  .cmx-rte-pop{left:10px !important;right:auto !important;top:10px;max-height:calc(100dvh - 20px);}
  .cmx-rte-pop[data-kind="style"]{width:calc(100vw - 20px) !important;min-width:0;}
  .cmx-rte-style-grid,.cmx-rte-style-grid--actions{grid-template-columns:minmax(0,1fr);}
  .cmx-rte-style-actions{justify-content:stretch;}
  .cmx-rte-style-actions .cmx-rte-pop-btn,.cmx-rte-style-footer .cmx-rte-pop-btn{flex:1 1 0;}
  .cmx-rte-style-checks{gap:8px;}
}

.cmx-rte-pop-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(38px, 1fr));
  gap:8px;
}
.cmx-rte-emoji-btn{
  min-height:38px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:0 !important;
  background:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  padding:0;
}
.cmx-rte-emoji-btn:hover{ border-color:rgba(37,99,235,.35); background:rgba(37,99,235,.04); }
.cmx-rte-emoji-btn img{ width:24px; height:24px; object-fit:contain; }

/* GIF paneli: öneriler kare kart olarak görünür */
.cmx-gif-btn{
  padding:2px;
  width:100%;
  aspect-ratio:1 / 1;
  min-height:0;
  height:auto;
  overflow:hidden;
}
.cmx-gif-btn .cmx-gif-img,
.cmx-gif-btn img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0;
}

.cmx-rte-pop-menu .cmx-rte-pop-body{ display:grid; gap:8px; }
.cmx-rte-menu-btn{
  border:1px solid rgba(15,23,42,.12);
  border-radius:0 !important;
  background:#fff;
  color:#0f172a;
  min-height:38px;
  padding:0 10px;
  text-align:left;
  cursor:pointer;
  font:inherit;
  font-size:13px;
  font-weight:600;
}
.cmx-rte-menu-btn:hover{ border-color:rgba(37,99,235,.35); background:rgba(37,99,235,.04); }

@media (max-width:640px){
  .cmx-rte-btn{ min-width:34px; padding:0 8px; }
  .cmx-rte-btn .cmx-rte-lbl{ display:none; }
  .cmx-rte-select{ max-width:120px; min-width:92px; }
  .cmx-rte-editor{ padding:10px 12px; }
  .cmx-rte-toolbar{ gap:5px; }
}


.cmx-rte-pop-btn{
  appearance:none;
  border:1px solid rgba(15,23,42,.14);
  background:rgba(255,255,255,.9);
  color:inherit;
  border-radius:0;
  padding:8px 10px;
  font-weight:600;
  cursor:pointer;
}
.cmx-rte-pop-btn:disabled{opacity:.5;cursor:not-allowed;}
.cmx-rte-form .cmx-rte-l{display:block;font-size:12px;font-weight:700;opacity:.8;margin:0 0 6px;}
.cmx-rte-form .cmx-rte-in{width:100%;border:1px solid rgba(15,23,42,.14);border-radius:0;padding:9px 10px;background:rgba(255,255,255,.96);}
.cmx-rte-preview{font-size:14px;line-height:1.45;}
.cmx-rte-preview blockquote.cmx2-quote{margin:10px 0;padding:10px 12px;border-left:4px solid rgba(37,99,235,.35);background:rgba(37,99,235,.06);border-radius:0;}
.cmx-rte-preview pre{background:rgba(15,23,42,.06);padding:10px 12px;border-radius:0;overflow:auto;}


.cmx-rte-wrap .cmx2-toolbar button{
  border:1px solid rgba(0,0,0,.12) !important;
  background:#fff !important;
  color:#111 !important;
  border-radius:0 !important;
  padding:10px 12px !important;
  font-weight:600 !important;
  box-shadow:0 1px 0 rgba(0,0,0,.03) !important;
}
.cmx-rte-wrap .cmx2-toolbar button:hover{filter:brightness(0.98) !important;}
.cmx-rte-wrap .cmx2-toolbar button:active{transform:translateY(1px) !important;}
.cmx-rte-wrap .cmx2-toolbar button[aria-pressed="true"]{
  box-shadow:0 0 0 3px rgba(0,0,0,.08) inset !important;
}
.cmx-rte-wrap .cmx2-toolbar select{
  border:1px solid rgba(0,0,0,.12) !important;
  border-radius:0 !important;
  padding:10px 12px !important;
}


.cmx-user-prefs-wrap{}
.cmx-user-prefs-wrap > p,
.cmx-user-prefs-wrap > div,
.cmx-user-prefs-wrap > ul,
.cmx-user-prefs-wrap > ol,
.cmx-user-prefs-wrap > li,
.cmx-user-prefs-wrap > blockquote:not(.bbcode-quote):not(.cmx2-quote),
.cmx-user-prefs-wrap > pre,
.cmx-user-prefs-wrap > code{
  line-height: inherit !important;
}

.cmx-user-prefs-wrap > p:not([style*="font-size"]),
.cmx-user-prefs-wrap > div:not([style*="font-size"]),
.cmx-user-prefs-wrap > li:not([style*="font-size"]),
.cmx-user-prefs-wrap > blockquote:not(.bbcode-quote):not(.cmx2-quote):not([style*="font-size"]),
.cmx-user-prefs-wrap > pre:not([style*="font-size"]),
.cmx-user-prefs-wrap > code:not([style*="font-size"]){
  font-size: inherit !important;
}
.cmx-user-prefs-wrap > p:not([style*="color"]),
.cmx-user-prefs-wrap > div:not([style*="color"]),
.cmx-user-prefs-wrap > li:not([style*="color"]),
.cmx-user-prefs-wrap > blockquote:not(.bbcode-quote):not(.cmx2-quote):not([style*="color"]),
.cmx-user-prefs-wrap > pre:not([style*="color"]),
.cmx-user-prefs-wrap > code:not([style*="color"]){
  color: inherit !important;
}


.cmx-rte-color-wrap{
  overflow:hidden !important;
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  min-width:42px !important;
  height:38px !important;
  border:1px solid rgba(0,0,0,.12) !important;
  border-radius:0 !important;
  background:#fff !important;
  padding:0 8px !important;
  cursor:pointer !important;
}
.cmx-rte-color-wrap:hover{filter:brightness(0.98) !important;}
.cmx-rte-color-icon{
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  color:#111 !important;
  opacity:.9 !important;
  pointer-events:none !important;
}
.cmx-rte-color-wrap[data-color-role="back"] .cmx-rte-color-icon{
  font-size:12px !important;
  font-weight:600 !important;
}
.cmx-rte-color-chip{
  display:block !important;
  width:14px !important;
  height:14px !important;
  border-radius:0 !important;
  border:1px solid rgba(0,0,0,.18) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:none;
}
input.cmx-rte-color[type="color"]{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:0 !important;
  background:transparent !important;
  border:0 !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  padding:0 !important;
  cursor:pointer !important;
}
input.cmx-rte-color[type="color"]::-webkit-color-swatch-wrapper{padding:0;}
input.cmx-rte-color[type="color"]::-webkit-color-swatch{border:none;}

.cmx-rte-toolbar{
  align-items:flex-start !important;
  flex-wrap:wrap !important;
  overflow-x:visible !important;
  overflow-y:visible !important;
  row-gap:6px !important;
}
.cmx-rte-group{
  flex-wrap:wrap !important;
  max-width:100%;
}
.cmx-rte-btn{min-height:36px !important;}
.cmx-rte-select{min-height:36px !important;}

@media (min-width: 900px){
  .cmx-rte-toolbar{padding:6px !important;gap:4px !important;}
  .cmx-rte-group{padding:1px !important;gap:4px !important;flex:0 1 auto;}
  .cmx-rte-btn{min-width:34px !important;padding:0 8px !important;}
  .cmx-rte-btn .cmx-rte-lbl{font-size:11px !important;}
  .cmx-rte-select{min-width:88px !important;max-width:138px !important;padding:0 8px !important;}
}
@media (max-width: 900px){
  .cmx-rte-toolbar{overflow-x:visible !important; overflow-y:visible !important;}
  .cmx-rte-group{overflow:visible !important; flex-wrap:wrap !important;}
}


.cmx-rte-editor[data-cmx-pref-font="1"] > div,
.cmx-rte-editor[data-cmx-pref-font="1"] > p,
.cmx-rte-editor[data-cmx-pref-font="1"] > li{font-family:inherit;}
.cmx-rte-editor[data-cmx-pref-size="1"] > div,
.cmx-rte-editor[data-cmx-pref-size="1"] > p,
.cmx-rte-editor[data-cmx-pref-size="1"] > li{font-size:inherit;}
.cmx-rte-editor[data-cmx-pref-color="1"] > div,
.cmx-rte-editor[data-cmx-pref-color="1"] > p,
.cmx-rte-editor[data-cmx-pref-color="1"] > li{color:inherit;}
.cmx-rte-editor[data-cmx-pref-bold="1"] > div,
.cmx-rte-editor[data-cmx-pref-bold="1"] > p,
.cmx-rte-editor[data-cmx-pref-bold="1"] > li{font-weight:inherit;}
.cmx-rte-editor[data-cmx-pref-italic="1"] > div,
.cmx-rte-editor[data-cmx-pref-italic="1"] > p,
.cmx-rte-editor[data-cmx-pref-italic="1"] > li{font-style:inherit;}


@media (max-width: 768px){
  .cmx-rte-toolbar{
    flex-wrap:nowrap !important;
    align-items:center !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:8px !important;
    scrollbar-width:thin;
  }
  .cmx-rte-group{
    flex:0 0 auto !important;
    flex-wrap:nowrap !important;
    max-width:none !important;
  }
  .cmx-rte-btn,
  .cmx-rte-select,
  .cmx-rte-color-wrap{ flex:0 0 auto !important; }
  .cmx-rte-select{ min-width:84px !important; max-width:112px !important; }
}
.cmx-rte-editor .cmx2-quote{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
  font-style:normal !important;
  color:var(--cmx-text, #0f172a) !important;
}
.cmx-rte-editor .cmx2-quote .cmx2-quote-h,
.cmx-rte-editor .cmx2-quote .cmx2-quote-h *{
  font-weight:700 !important;
  font-style:normal !important;
}


/* Emoji popover tabs (Emoji/GIF) */
.cmx-rte-pop-head-left{display:flex;align-items:center;gap:10px;min-width:0;}
.cmx-rte-pop-tabs{display:flex;gap:6px;align-items:center;}
.cmx-rte-pop-tab{
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0f172a;
  border-radius:0 !important;
  padding:6px 10px;
  font-size:12px;
  line-height:1;
  cursor:pointer;
}
.cmx-rte-pop-tab.is-active{background:#0f172a;color:#fff;border-color:#0f172a;}

.cmx-rte.cmx-rte--reply{
  --cmx-rte-pad:6px;
  --cmx-rte-gap:4px;
  --cmx-rte-btn-h:30px;
  --cmx-rte-editor-min-h:138px;
  --cmx-rte-editor-h:138px;
  --cmx-rte-editor-max-h:138px;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.cmx-rte--reply .cmx-rte-toolbar{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:4px !important;
  padding:6px !important;
  max-height:none !important;
  overflow:visible !important;
  background:#f6f8fb !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
}
.cmx-rte--reply .cmx-rte-group{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:4px !important;
  padding:0 !important;
  max-width:100% !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.cmx-rte--reply .cmx-rte-btn,
.cmx-rte--reply .cmx-rte-select,
.cmx-rte--reply .cmx-rte-color-wrap{
  min-height:30px !important;
  height:30px !important;
  border-radius:0 !important;
  font-size:11.5px !important;
  box-shadow:none !important;
}
.cmx-rte--reply .cmx-rte-btn{
  padding:0 10px !important;
  min-width:32px !important;
  gap:5px !important;
}
.cmx-rte--reply .cmx-rte-btn .cmx-rte-ico svg,
.cmx-rte--reply .cmx-rte-btn .cmx-rte-ico img{
  width:15px !important;
  height:15px !important;
}
.cmx-rte--reply .cmx-rte-btn .cmx-rte-lbl{font-size:11px !important;}
.cmx-rte--reply .cmx-rte-select{
  min-width:100px !important;
  max-width:154px !important;
  padding:0 10px !important;
}
.cmx-rte--reply .cmx-rte-color-wrap{
  width:auto !important;
  min-width:36px !important;
  padding:0 10px !important;
}
.cmx-rte--reply .cmx-rte-color-chip{
  width:12px !important;
  height:12px !important;
  border-radius:0 !important;
}
.cmx-rte--reply .cmx-rte-editor.cmx-wys-editor.cmx2-surface{
  min-height:138px !important;
  height:138px !important;
  max-height:138px !important;
  padding:12px 14px !important;
  overflow-y:auto !important;
  background:#ffffff !important;
}
.cmx-rte--reply .cmx-rte-footer{
  padding:6px 9px !important;
  font-size:11px !important;
  background:#fbfcfe !important;
}
@media (max-width:768px){
  .cmx-rte--reply .cmx-rte-toolbar{padding:5px !important;}
  .cmx-rte--reply .cmx-rte-group{flex-wrap:wrap !important;max-width:100% !important;}
  .cmx-rte--reply .cmx-rte-btn .cmx-rte-lbl{display:none !important;}
  .cmx-rte--reply .cmx-rte-editor.cmx-wys-editor.cmx2-surface{
    min-height:126px !important;
    height:126px !important;
    max-height:126px !important;
  }
}

/* Shared compact composer surface for reply, topic, DM, profile wall and user panels */
.cmx-compose-surface{
  border-radius:0 !important;
  overflow:visible !important;
  box-shadow:none !important;
}
.cmx-compose-form{
  max-width:100%;
  margin:0;
}
.cmx-compose-form .cmx-compose-field,
.cmx-compose-form .form-group{ margin:0 0 8px; }
.cmx-compose-form .cmx-compose-field > label,
.cmx-compose-form .form-group > label{
  display:block;
  margin:0 0 5px;
  font-size:12px;
  line-height:1.15;
  font-weight:700;
}
.cmx-compose-form .cmx-rte.cmx-wys-wrap{
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.cmx-compose-form .cmx-rte-toolbar{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:4px !important;
  padding:5px !important;
  max-height:none !important;
  overflow:visible !important;
}
.cmx-compose-form .cmx-rte-toolbar > .cmx-rte-group{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:3px !important;
  padding:1px !important;
  margin:0 !important;
  flex:0 0 auto !important;
  min-width:0 !important;
}
.cmx-compose-form .cmx-rte-toolbar > .cmx-rte-group:nth-child(4){
  flex:1 1 440px !important;
  display:grid !important;
  grid-template-columns:minmax(118px,1fr) minmax(88px,116px) minmax(122px,145px) minmax(122px,145px) !important;
  gap:3px !important;
  align-items:center !important;
  order:4 !important;
}
.cmx-compose-form .cmx-rte-toolbar > .cmx-rte-group:nth-child(5){ order:5 !important; }
.cmx-compose-form .cmx-rte-toolbar > .cmx-rte-group:nth-child(6){ order:6 !important; }
.cmx-compose-form .cmx-rte-toolbar > .cmx-rte-group:nth-child(4) > *{
  width:100% !important;
  max-width:none !important;
}
.cmx-compose-form .cmx-rte-btn,
.cmx-compose-form .cmx-rte-select{
  min-height:32px !important;
  height:32px !important;
  padding:0 9px !important;
}
.cmx-compose-form .cmx-rte-btn{ gap:4px !important; }
.cmx-compose-form .cmx-rte-btn .cmx-rte-lbl{ font-size:11px !important; }
.cmx-compose-form .cmx-rte-select{
  min-width:0 !important;
  font-size:11px !important;
}
.cmx-compose-form .cmx-rte-color-wrap{
  min-width:0 !important;
  width:100% !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 8px !important;
  gap:5px !important;
  border-radius:0 !important;
  justify-content:flex-start !important;
}
.cmx-compose-form .cmx-rte-color-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:16px !important;
  min-width:16px !important;
  height:16px !important;
  color:#233a59 !important;
}
.cmx-compose-form .cmx-rte-color-icon svg{
  display:block !important;
  width:15px !important;
  height:15px !important;
}
.cmx-compose-form .cmx-rte-color-text{
  display:inline-block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
  color:#223955 !important;
}
.cmx-compose-form .cmx-rte-color-chip{
  width:13px !important;
  min-width:13px !important;
  height:13px !important;
  border-radius:0 !important;
  margin-left:auto !important;
}
.cmx-compose-form [data-draft-state]{
  margin-top:4px !important;
  padding-top:0 !important;
  font-size:11px !important;
  line-height:1.2 !important;
}
.cmx-compose-actions,
.cmx-compose-form .af-replyActions,
.cmx-compose-form .af-pmActions,
.cmx-compose-form .cmx-wall-actions,
.cmx-compose-form .cmx-usercp-actions,
.cmx-compose-form .cmx-public-form-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  padding:4px 0 0 !important;
  flex-wrap:wrap !important;
}
.cmx-compose-actions .btn,
.cmx-compose-form .af-replyActions .btn,
.cmx-compose-form .af-pmActions .btn,
.cmx-compose-form .cmx-wall-actions .btn,
.cmx-compose-form .cmx-usercp-actions .btn,
.cmx-compose-form .cmx-public-form-actions .btn{
  min-height:30px !important;
  height:30px !important;
  padding:0 12px !important;
  border-radius:0 !important;
  font-size:12px !important;
}
.cmx-compose-form .cmx-usercp-actions,
.cmx-compose-form .af-pmActions{ justify-content:space-between !important; }
.cmx-compose-form .af-pmActions > .text-muted{
  flex:1 1 220px;
  min-width:220px;
}
@media (max-width:900px){
  .cmx-compose-form .cmx-rte-toolbar > .cmx-rte-group:nth-child(4){
    flex:1 1 100% !important;
    grid-template-columns:minmax(112px,1fr) minmax(84px,110px) minmax(118px,1fr) minmax(118px,1fr) !important;
  }
}
@media (max-width:760px){
  .cmx-compose-form .cmx-rte-toolbar{ padding:3px !important; gap:2px !important; }
  .cmx-compose-form .cmx-rte-btn{ padding:0 6px !important; }
  .cmx-compose-form .cmx-rte-toolbar > .cmx-rte-group:nth-child(4){ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .cmx-compose-form .cmx-rte-color-text{ font-size:10px !important; }
  .cmx-compose-actions,
  .cmx-compose-form .af-replyActions,
  .cmx-compose-form .af-pmActions,
  .cmx-compose-form .cmx-wall-actions,
  .cmx-compose-form .cmx-usercp-actions,
  .cmx-compose-form .cmx-public-form-actions{ justify-content:stretch !important; }
  .cmx-compose-actions .btn,
  .cmx-compose-form .af-replyActions .btn,
  .cmx-compose-form .af-pmActions .btn,
  .cmx-compose-form .cmx-wall-actions .btn,
  .cmx-compose-form .cmx-usercp-actions .btn,
  .cmx-compose-form .cmx-public-form-actions .btn{ flex:1 1 auto !important; }
  .cmx-compose-form .af-pmActions > .text-muted{ flex:1 1 100%; min-width:0; order:10; }
}


@media (max-width: 720px){
}
@media (max-width: 420px){
}


.cmx-rte-editor.cmx-wys-editor.cmx2-surface{
  line-height:var(--cmx-rte-line, 1.42) !important;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}
.cmx-rte-editor.cmx-wys-editor.cmx2-surface p,
.cmx-rte-editor.cmx-wys-editor.cmx2-surface div:not(.cmx2-quote):not(.bbcode-quote),
.cmx-rte-editor.cmx-wys-editor.cmx2-surface span,
.cmx-rte-editor.cmx-wys-editor.cmx2-surface font{
  margin-top:0 !important;
  margin-bottom:0 !important;
  line-height:inherit !important;
  min-height:0 !important;
}
.cmx-rte-editor.cmx-wys-editor.cmx2-surface br{
  line-height:inherit !important;
}
.cmx-rte-editor.cmx-wys-editor.cmx2-surface .cmx-user-prefs-wrap,
.cmx-rte-editor.cmx-wys-editor.cmx2-surface .cmx-user-prefs-wrap > p,
.cmx-rte-editor.cmx-wys-editor.cmx2-surface .cmx-user-prefs-wrap > div,
.cmx-rte-editor.cmx-wys-editor.cmx2-surface .cmx-user-prefs-wrap > span,
.cmx-rte-editor.cmx-wys-editor.cmx2-surface .cmx-user-prefs-wrap > font{
  line-height:inherit !important;
}
.cmx-rte--reply .cmx-rte-editor.cmx-wys-editor.cmx2-surface,
.cmx-compose-form .cmx-rte-editor.cmx-wys-editor.cmx2-surface{
  line-height:var(--cmx-rte-line, 1.42) !important;
}


.cmx-compose-form--reply .cmx-rte--reply .cmx-rte-footer,
.cmx-compose-form--reply .cmx-rte-status,
.cmx-compose-form--reply .cmx-rte-counter,
.cmx-compose-form--reply .cmx-rte-footer .cmx-rte-counter{
  display:none !important;
}
.cmx-compose-form--reply .cmx-rte--reply .cmx-rte-editor.cmx-wys-editor.cmx2-surface{
  min-height:138px !important;
  height:auto !important;
  max-height:none !important;
  resize:vertical !important;
  overflow:auto !important;
}
.cmx-compose-metaRow,
.cmx-compose-form .cmx-compose-metaRow--reply{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:4px 0 0 !important;
  padding:2px 0 0 !important;
  min-height:32px !important;
}
.cmx-compose-metaRow [data-draft-state],
.cmx-compose-form .cmx-compose-metaRow--reply [data-draft-state]{
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  font-size:10px !important;
  line-height:1.1 !important;
  color:#6b7280 !important;
  flex:1 1 auto !important;
}
.cmx-compose-metaRow .cmx-compose-actions,
.cmx-compose-form .cmx-compose-metaRow--reply .af-replyActions{
  margin:0 !important;
  padding:0 !important;
  gap:8px !important;
  flex:0 0 auto !important;
}
.cmx-compose-metaRow .btn,
.cmx-compose-form .cmx-compose-metaRow--reply .btn{
  min-height:34px !important;
  height:34px !important;
  padding:0 14px !important;
  border-radius:0 !important;
  font-size:12.5px !important;
}
@media (max-width:760px){
  .cmx-compose-form .cmx-compose-metaRow--reply{
    flex-wrap:wrap !important;
    align-items:center !important;
  }
  .cmx-compose-form .cmx-compose-metaRow--reply [data-draft-state]{
    order:2 !important;
    width:100% !important;
  }
  .cmx-compose-form .cmx-compose-metaRow--reply .af-replyActions{
    order:1 !important;
    width:auto !important;
    margin-left:auto !important;
  }
}


.cmx-rte.cmx-wys-wrap{position:relative;}
.cmx-rte-resizer{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  width:100% !important;
  height:10px !important;
  min-height:10px !important;
  margin:0 !important;
  padding:0 12px !important;
  border:0 !important;
  border-top:1px solid rgba(15,23,42,.08) !important;
  background:linear-gradient(180deg,rgba(248,250,252,.75),rgba(241,245,249,.92)) !important;
  cursor:ns-resize !important;
  box-sizing:border-box !important;
  user-select:none !important;
  touch-action:none !important;
}
.cmx-rte-resizer span{
  display:block !important;
  width:34px !important;
  height:5px !important;
  border-radius:0 !important;
  background:repeating-linear-gradient(90deg,rgba(71,85,105,.42) 0 3px,transparent 3px 6px) !important;
  opacity:.8 !important;
}
.cmx-rte-resizer:hover span,
.cmx-rte.is-resizing .cmx-rte-resizer span{opacity:1 !important;background:repeating-linear-gradient(90deg,rgba(37,99,235,.72) 0 3px,transparent 3px 6px) !important;}
.cmx-rte.is-resizing .cmx-rte-editor{cursor:ns-resize !important;}
.cmx-compose-form--reply .cmx-rte--reply .cmx-rte-resizer{display:flex !important;}



/* GIF panel: compact editor panel with square preview tiles */
.cmx-rte-pop[data-kind="gif"]{
  position:relative;
  z-index:20;
  width:min(430px, calc(100% - 18px));
  max-width:calc(100% - 18px);
  max-height:420px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(2,6,23,.12);
}
.cmx-rte-pop[data-kind="gif"] .cmx-rte-pop-body{
  max-height:350px;
  overflow:auto;
  overscroll-behavior:contain;
}
.cmx-rte-pop[data-kind="gif"] .cmx-rte-form{gap:8px;}
.cmx-rte-gif-grid{
  display:grid;
  gap:8px;
  margin-top:9px;
  align-items:start;
  justify-content:start;
}
.cmx-rte-gif-tile{
  display:block;
  box-sizing:border-box;
  padding:2px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.14);
  border-radius:0;
  background:#fff;
  cursor:pointer;
  line-height:0;
}
.cmx-rte-gif-tile:hover{border-color:rgba(37,99,235,.42);}
.cmx-rte-gif-tile:focus-visible{outline:2px solid rgba(37,99,235,.45);outline-offset:2px;}
.cmx-rte-gif-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0;
}
@media (max-width:640px){
  .cmx-rte-pop[data-kind="gif"]{width:calc(100% - 16px);max-width:calc(100% - 16px);}
  .cmx-rte-pop[data-kind="gif"] .cmx-rte-pop-body{max-height:330px;}
}

/* CMX_FIX_SMILEY_PICKER_JS_FORCE_BEGIN */
/* Sadece RTE smiley seçim popupı: kutu içindeki önizlemeyi büyütür. Mesaj içi smiley boyutuna dokunmaz. */
.cmx-rte-pop[data-kind="emoji"] .cmx-rte-pop-grid{
  grid-template-columns:repeat(auto-fill, 52px) !important;
  gap:6px !important;
  justify-content:start !important;
  align-items:start !important;
}
.cmx-rte-pop[data-kind="emoji"] .cmx-rte-emoji-btn,
.cmx-rte-pop[data-kind="emoji"] [data-cmx-picker-btn="1"]{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
  max-width:52px !important;
  max-height:52px !important;
  padding:0 !important;
  overflow:hidden !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.cmx-rte-pop[data-kind="emoji"] .cmx-rte-emoji-btn > img,
.cmx-rte-pop[data-kind="emoji"] [data-cmx-picker-img="1"]{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:fill !important;
  display:block !important;
  flex:0 0 auto !important;
  transform:scale(1.08) !important;
  transform-origin:center center !important;
}
.cmx-rte-pop[data-kind="emoji"] .cmx-rte-emoji-btn:hover > img,
.cmx-rte-pop[data-kind="emoji"] .cmx-rte-emoji-btn:hover [data-cmx-picker-img="1"]{
  transform:scale(1.16) !important;
}
/* CMX_FIX_SMILEY_PICKER_JS_FORCE_END */

/* CMX_FIX_MOBILE_SMILEY_PICKER_COMPACT_BEGIN */
/* Mobilde sadece RTE smiley seçim popupını kompakt yapar; masaüstü ve mesaj içi smiley boyutuna dokunmaz. */
@media (max-width: 640px){
  .cmx-rte-pop[data-kind="emoji"]{
    left:8px !important;
    right:auto !important;
    top:64px !important;
    width:calc(100vw - 16px) !important;
    min-width:0 !important;
    max-width:calc(100vw - 16px) !important;
    max-height:calc(100dvh - 82px) !important;
    overflow:hidden !important;
  }
  .cmx-rte-pop[data-kind="emoji"] .cmx-rte-pop-head{
    min-height:34px !important;
    padding:5px 7px !important;
    gap:6px !important;
  }
  .cmx-rte-pop[data-kind="emoji"] .cmx-rte-pop-head-left{
    gap:6px !important;
    overflow:hidden !important;
  }
  .cmx-rte-pop[data-kind="emoji"] .cmx-rte-pop-head-left > strong{
    font-size:12px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  .cmx-rte-pop[data-kind="emoji"] .cmx-rte-pop-tabs{
    gap:4px !important;
  }
  .cmx-rte-pop[data-kind="emoji"] .cmx-rte-pop-tab{
    padding:5px 7px !important;
    font-size:11px !important;
  }
  .cmx-rte-pop[data-kind="emoji"] .cmx-rte-pop-x{
    min-width:28px !important;
    width:28px !important;
    height:28px !important;
    line-height:1 !important;
    flex:0 0 28px !important;
  }
  .cmx-rte-pop[data-kind="emoji"] .cmx-rte-pop-body{
    padding:6px !important;
    max-height:calc(100dvh - 126px) !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
  }
  .cmx-rte-pop[data-kind="emoji"] .cmx-rte-pop-grid{
    grid-template-columns:repeat(auto-fill, 44px) !important;
    gap:5px !important;
    justify-content:start !important;
    align-items:start !important;
  }
  .cmx-rte-pop[data-kind="emoji"] .cmx-rte-emoji-btn,
  .cmx-rte-pop[data-kind="emoji"] [data-cmx-picker-btn="1"]{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    padding:0 !important;
  }
  .cmx-rte-pop[data-kind="emoji"] .cmx-rte-emoji-btn > img,
  .cmx-rte-pop[data-kind="emoji"] [data-cmx-picker-img="1"]{
    width:39px !important;
    height:39px !important;
    min-width:39px !important;
    min-height:39px !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:fill !important;
    transform:scale(1.02) !important;
    transform-origin:center center !important;
  }
}
/* CMX_FIX_MOBILE_SMILEY_PICKER_COMPACT_END */