/* ClickBee R145: title-only layout. All original publishing and metadata handlers remain. */
html body main.as-page .as-editor .as-title-row {
  display:block!important;
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
/* Floated publishing controls occupy only their actual height. The title's later
   lines, after the float ends, regain the WHOLE article column. */
html body main.as-page .as-editor .as-title-row > .as-title-actions {
  display:block!important;
  float:right!important;
  position:relative!important;
  inset:auto!important;
  top:auto!important;right:auto!important;left:auto!important;
  width:max-content!important;
  max-width:min(54%,225px)!important;
  min-width:0!important;
  margin:0 0 2px 9px!important;
  padding:0!important;
  transform:none!important;
  clear:none!important;
  z-index:1!important;
}
html body main.as-page .as-editor .as-title-row > .as-title-actions > .as-publish-stack {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  gap:2px!important;
}
html body main.as-page .as-editor .as-title-row .as-title-actions .cb-v49-action-row {
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  gap:4px!important;
  margin:0!important;
}
html body main.as-page .as-editor .as-title-row .cb-v49-action-row > :is(#publish,#preview) {
  box-sizing:border-box!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  height:29px!important;min-height:29px!important;max-height:29px!important;
  margin:0!important;padding:4px 7px!important;
  font-size:11px!important;
  white-space:nowrap!important;
  border-radius:7px!important;
}
html body main.as-page .as-editor .as-title-row .cb-v49-action-row #preview[hidden] {display:none!important;}
/* Save/Draft text uses approximately the width of Publish, not the combined
   width of two actions. Long status messages wrap inside that lane. */
html body main.as-page .as-editor .as-title-row .as-title-actions .as-save-chip {
  display:flex!important;
  flex-flow:row wrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  align-self:flex-end!important;
  box-sizing:border-box!important;
  width:var(--cb-r145-status-width,64px)!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;padding:0!important;
  gap:2px!important;
  font-size:9px!important;line-height:1.16!important;
  text-align:right!important;
  overflow-wrap:anywhere!important;
}
html body main.as-page .as-editor .as-title-row .as-title-actions .as-save-chip > span {
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
/* The existing textarea remains the source of truth and receives all original
   save events. Its accessible, editable visual counterpart uses normal text
   layout, so browser float wrapping is possible without overlaying buttons. */
html body main.as-page .as-editor .as-title-row > .cb80-title-field {
  display:block!important;
  position:relative!important;
  grid-column:auto!important;grid-row:auto!important;
  float:none!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;
  flex:none!important;
  overflow:visible!important;
}
html body main.as-page .as-editor .as-title-row > .cb80-title-field > #headline.cb-r145-native-title {
  position:absolute!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  width:1px!important;height:1px!important;min-height:1px!important;max-height:1px!important;
  margin:0!important;padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body main.as-page .as-editor .as-title-row #cbR145FlowHeadline {
  display:block!important;
  float:none!important;
  clear:none!important;
  box-sizing:border-box!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:1.16em!important;
  height:auto!important;
  margin:0!important;
  padding:0 0 27px!important;
  overflow:visible!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-overflow:clip!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  resize:none!important;
  -webkit-user-modify:read-write-plaintext-only;
  -webkit-user-select:text!important;
  user-select:text!important;
  cursor:text!important;
}
html body main.as-page .as-editor .as-title-row #cbR145FlowHeadline:empty:before {
  content:attr(data-placeholder);
  color:#9198a3;
  pointer-events:none;
}
html body main.as-page .as-editor .as-title-row #cbR145FlowHeadline:focus-visible {
  outline:0!important;
}
/* Only TITLE metadata controls move. Author name controls stay untouched. */
html body main.as-page .as-editor .as-title-row > .cb80-title-field > .cb80-meta-actions[data-cbm-control="headline"] {
  display:flex!important;
  position:absolute!important;
  inset:auto 0 0 auto!important;
  top:auto!important;bottom:0!important;right:0!important;left:auto!important;
  transform:none!important;
  z-index:4!important;
  margin:0!important;
}
html body main.as-page #editor.cbm-hide-title #cbR145FlowHeadline,
html body main.as-page #editor.cbm-hide-title .cb80-title-field > .cb80-meta-actions {display:none!important;}
/* Clearing the floated toolbar prevents it from intruding into the byline. */
html body main.as-page .as-editor .as-title-row::after {content:"";display:table;clear:both;}
@media(max-width:420px) {
  html body main.as-page .as-editor .as-title-row > .as-title-actions {max-width:54%!important;margin-left:5px!important;}
  html body main.as-page .as-editor .as-title-row .cb-v49-action-row > :is(#publish,#preview) {
    padding-inline:5px!important;font-size:10px!important;
  }
  html body main.as-page .as-editor .as-title-row .as-title-actions .as-save-chip {font-size:8.5px!important;}
}
@media(max-width:240px){
  html body main.as-page .as-editor .as-title-row > .as-title-actions {
    max-width:100%!important;
    margin-left:3px!important;
  }
  html body main.as-page .as-editor .as-title-row .cb-v49-action-row > :is(#publish,#preview) {font-size:9px!important;padding-inline:3px!important;}
}
/* The compact status still shows the FULL message, rather than truncating with ellipses. */
html body main.as-page .as-editor .as-title-row .as-title-actions .as-save-chip > :is(#saveStatus,#articleState) {
  display:block!important;
  position:static!important;
  flex:0 1 100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.2!important;
}

/* R146.5: published Edit may finish without R145's editable flow being mounted.
   The old baseline forces the original #headline to width:0, making the title
   invisible and expanding it to thousands of pixels tall. Restore the original
   field ONLY while the flow component is absent; never alter a working flow. */
html body main.as-page .as-editor#editor:not(.cbm-hide-title) .as-title-row > .cb80-title-field:not(:has(> #cbR145FlowHeadline)) > #headline {
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  clip-path:none!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:1!important;
}