/* Shared rich-editor behavior / v45 */
.jf-native-rich-size{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.jf-rich-size{
  position:relative;
  display:inline-flex;
  vertical-align:middle;
  z-index:15;
}
.jf-rich-size-trigger{
  min-width:84px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 10px;
  border:1px solid var(--line2);
  background:rgba(255,255,255,.018);
  color:var(--muted);
  font:800 .66rem/1 Inter,"Segoe UI",Arial,sans-serif;
  cursor:pointer;
}
.jf-rich-size-trigger i{
  width:7px;height:7px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .16s ease;
}
.jf-rich-size.is-open .jf-rich-size-trigger{
  color:var(--cyan);
  border-color:rgba(var(--cyan-rgb),.55);
}
.jf-rich-size.is-open .jf-rich-size-trigger i{transform:rotate(225deg) translateY(-1px)}
.jf-rich-size-menu{
  position:absolute;
  top:calc(100% + 4px);
  left:0;
  z-index:100000;
  min-width:122px;
  padding:4px;
  border:1px solid rgba(var(--cyan-rgb),.34);
  background:rgba(2,10,13,.985);
  box-shadow:0 18px 44px rgba(0,0,0,.46);
  display:none;
}
.jf-rich-size.is-open .jf-rich-size-menu{display:grid}
.jf-rich-size-menu button{
  width:100%;
  min-height:31px;
  padding:6px 9px;
  border:0!important;
  background:transparent!important;
  color:#dce8eb!important;
  text-align:left;
  font:650 .7rem/1.2 Inter,"Segoe UI",Arial,sans-serif!important;
  cursor:pointer;
}
.jf-rich-size-menu button:hover,
.jf-rich-size-menu button:focus-visible{
  color:var(--cyan)!important;
  background:rgba(var(--cyan-rgb),.07)!important;
  outline:none;
}

/* Formatting state follows the caret/selection. */
[data-rich-toolbar] button.is-active,
[data-note-rich-toolbar] button.is-active,
.rich-editor-toolbar button.is-active,
.content-editor-toolbar button.is-active{
  color:var(--cyan)!important;
  border-color:rgba(var(--cyan-rgb),.58)!important;
  background:rgba(var(--cyan-rgb),.09)!important;
  box-shadow:inset 0 -2px 0 rgba(var(--cyan-rgb),.5);
}

/* Lists stay inside every writable region. */
[data-rich-editor] ul,
[data-rich-editor] ol,
[data-note-content] ul,
[data-note-content] ol,
[data-content-rich-editor] ul,
[data-content-rich-editor] ol{
  margin:.55em 0 .75em!important;
  padding-left:1.8em!important;
  list-style-position:outside!important;
}
[data-rich-editor] li,
[data-note-content] li,
[data-content-rich-editor] li{
  padding-left:.15em;
  margin:.22em 0;
}
[data-rich-editor] ul,
[data-note-content] ul,
[data-content-rich-editor] ul{list-style-type:disc!important}
[data-rich-editor] ol,
[data-note-content] ol,
[data-content-rich-editor] ol{list-style-type:decimal!important}