/* V4.6.9.6 editor toolbar icon restore */
/* Surgical fix: restore distinct formatting controls without touching editor logic */

.rich-toolbar{
  gap:8px!important;
}

/* Keep toolbar buttons visually stable and separate them from broad app-wide icon normalization */
.rich-toolbar .icon-btn{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  letter-spacing:0!important;
}

.rich-toolbar .icon-btn svg{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
}

/* Typographic formatting controls should not all look the same */
.rich-toolbar [data-command="formatBlock"][data-value="p"],
.rich-toolbar [data-command="formatBlock"][data-value="h2"],
.rich-toolbar [data-command="bold"],
.rich-toolbar [data-command="italic"],
.rich-toolbar [data-command="underline"],
.rich-toolbar [data-command="formatBlock"][data-value="blockquote"],
.rich-toolbar [data-command="removeFormat"]{
  position:relative!important;
}

.rich-toolbar [data-command="formatBlock"][data-value="p"] svg,
.rich-toolbar [data-command="formatBlock"][data-value="h2"] svg,
.rich-toolbar [data-command="bold"] svg,
.rich-toolbar [data-command="italic"] svg,
.rich-toolbar [data-command="underline"] svg,
.rich-toolbar [data-command="formatBlock"][data-value="blockquote"] svg,
.rich-toolbar [data-command="removeFormat"] svg{
  display:none!important;
}

.rich-toolbar [data-command="formatBlock"][data-value="p"]::before,
.rich-toolbar [data-command="formatBlock"][data-value="h2"]::before,
.rich-toolbar [data-command="bold"]::before,
.rich-toolbar [data-command="italic"]::before,
.rich-toolbar [data-command="underline"]::before,
.rich-toolbar [data-command="formatBlock"][data-value="blockquote"]::before,
.rich-toolbar [data-command="removeFormat"]::before{
  display:block!important;
  color:currentColor!important;
  line-height:1!important;
}

.rich-toolbar [data-command="formatBlock"][data-value="p"]::before{
  content:"P";
  font-size:13px!important;
  font-weight:700!important;
}

.rich-toolbar [data-command="formatBlock"][data-value="h2"]::before{
  content:"H2";
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:-0.02em!important;
}

.rich-toolbar [data-command="bold"]::before{
  content:"B";
  font-size:14px!important;
  font-weight:800!important;
}

.rich-toolbar [data-command="italic"]::before{
  content:"I";
  font-size:14px!important;
  font-style:italic!important;
  font-weight:700!important;
}

.rich-toolbar [data-command="underline"]::before{
  content:"U";
  font-size:14px!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
  font-weight:700!important;
}

.rich-toolbar [data-command="formatBlock"][data-value="blockquote"]::before{
  content:"❝";
  font-size:15px!important;
  font-weight:700!important;
}

.rich-toolbar [data-command="removeFormat"]::before{
  content:"Tx";
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:-0.02em!important;
}

/* Make the text-style controls feel intentional, not accidental */
.rich-toolbar [data-command="formatBlock"][data-value="h2"],
.rich-toolbar [data-command="removeFormat"]{
  width:42px!important;
  min-width:42px!important;
}

/* Preserve native icon rendering for non-typographic toolbar actions */
.rich-toolbar [data-command="insertUnorderedList"] svg,
.rich-toolbar [data-command="insertOrderedList"] svg,
.rich-toolbar [data-command="createLink"] svg,
.rich-toolbar [data-command="insertImage"] svg,
.rich-toolbar [data-action="open-link-picker"] svg,
.rich-toolbar [data-action="toggle-editor-fullscreen"] svg{
  display:block!important;
}