.rowPublishStage{animation:none!important;transform:none!important}
.destPage{position:relative}

/* Small premium processing sweep — same direction, much less visual weight. */
.destPage.publishMotionEnabled.publish-preparing,
.destPage.publishMotionEnabled.publish-publishing,
.destPage.publishMotionEnabled.publish-processing{
  position:relative;
  z-index:2;
  isolation:isolate;
  overflow:visible!important;
  transform:none!important;
  animation:none!important;
  border-color:rgba(122,86,232,.44)!important;
  box-shadow:0 5px 16px rgba(88,59,196,.06),0 0 0 1px rgba(122,86,232,.07)!important;
}
.destPage.publishMotionEnabled.publish-preparing::before,
.destPage.publishMotionEnabled.publish-publishing::before,
.destPage.publishMotionEnabled.publish-processing::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  z-index:0;
  opacity:.42;
  background:linear-gradient(105deg,
    transparent 0%,transparent 44%,
    rgba(137,106,245,.03) 46%,
    rgba(137,106,245,.09) 48%,
    rgba(255,255,255,.46) 50%,
    rgba(137,106,245,.08) 52%,
    transparent 55%,transparent 100%);
  background-size:260% 100%;
  background-position:110% 0;
  animation:cpMiniRowSweep 1.75s cubic-bezier(.42,0,.35,1) infinite;
}
.destPage.publishMotionEnabled.publish-preparing>*,
.destPage.publishMotionEnabled.publish-publishing>*,
.destPage.publishMotionEnabled.publish-processing>*{position:relative;z-index:1}
@keyframes cpMiniRowSweep{0%{background-position:112% 0}100%{background-position:-112% 0}}

/* Matching tiny sweep on PF and status only. */
.destPage.publishMotionEnabled.publish-preparing .pagePhoto,
.destPage.publishMotionEnabled.publish-publishing .pagePhoto,
.destPage.publishMotionEnabled.publish-processing .pagePhoto{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  box-shadow:0 0 0 1px rgba(122,86,232,.06);
}
.destPage.publishMotionEnabled.publish-preparing .pagePhoto::after,
.destPage.publishMotionEnabled.publish-publishing .pagePhoto::after,
.destPage.publishMotionEnabled.publish-processing .pagePhoto::after{
  content:"";
  position:absolute;
  top:-10%;bottom:-10%;left:-58%;width:24%;
  pointer-events:none;z-index:3;opacity:.5;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.52) 50%,transparent 100%);
  animation:cpMiniAvatarSweep 1.75s cubic-bezier(.42,0,.35,1) infinite;
}
@keyframes cpMiniAvatarSweep{0%{left:-58%}100%{left:132%}}

.destPage.publishMotionEnabled.publish-preparing .rowPublishStatus,
.destPage.publishMotionEnabled.publish-publishing .rowPublishStatus,
.destPage.publishMotionEnabled.publish-processing .rowPublishStatus{
  position:relative;
  overflow:hidden;
  transform:none!important;
  animation:none!important;
  box-shadow:0 1px 5px rgba(82,55,184,.05);
}
.destPage.publishMotionEnabled.publish-preparing .rowPublishStatus::after,
.destPage.publishMotionEnabled.publish-publishing .rowPublishStatus::after,
.destPage.publishMotionEnabled.publish-processing .rowPublishStatus::after{
  content:"";
  position:absolute;top:0;bottom:0;left:-62%;width:26%;
  pointer-events:none;opacity:.48;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.58) 50%,transparent 100%);
  animation:cpMiniStatusSweep 1.75s cubic-bezier(.42,0,.35,1) infinite;
}
@keyframes cpMiniStatusSweep{0%{left:-62%}100%{left:136%}}

.destPage.cpHasStageRail .pageMeta{position:relative;padding-bottom:0!important;overflow:visible}
.destPage.cpHasStageRail .pageMeta::before,.destPage.cpHasStageRail .pageMeta::after{display:none!important}
.publishProgress .progressLine.processing i,.publishProgress .progressLine.preparing i,.publishProgress .progressLine.publishing i{background-image:none!important;animation:none!important;box-shadow:none!important}

/* First Comment: compact anchored popover. Never make the Page row taller. */
.commentEditor{
  position:absolute!important;
  top:calc(100% + 7px)!important;
  right:48px!important;
  width:min(360px,calc(100vw - 54px))!important;
  max-width:360px!important;
  padding:11px!important;
  margin:0!important;
  border-radius:14px!important;
  border:1px solid rgba(110,83,206,.18)!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 14px 38px rgba(33,25,66,.16),0 3px 12px rgba(33,25,66,.07)!important;
  z-index:90!important;
}
.commentEditorHead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important}
.commentEditorHead>div{min-width:0!important}
.commentEditorHead b{font-size:12px!important;line-height:1.2!important}
.commentEditorHead span{display:none!important}
.commentEditorClose{width:27px!important;height:27px!important;min-width:27px!important;border-radius:8px!important;font-size:17px!important}
.commentPresetToolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto!important;gap:6px!important;align-items:center!important;margin-bottom:7px!important}
.commentPresetToolbar select{min-width:0!important;height:31px!important;padding:0 8px!important;font-size:10.5px!important}
.commentPresetToolbar .compactBtn,.commentPresetToolbar .compactDanger{height:31px!important;min-height:31px!important;padding:0 8px!important;font-size:10px!important}
.commentPresetForm{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px!important;margin-bottom:7px!important}
.commentPresetForm input{height:31px!important;font-size:10.5px!important;padding:0 8px!important}
.firstCommentTextarea{display:block!important;width:100%!important;min-height:68px!important;max-height:105px!important;resize:vertical!important;padding:9px 10px!important;border-radius:10px!important;font-size:11.5px!important;line-height:1.45!important;margin:0!important}
.commentEditorFooter{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin-top:8px!important}
.commentEditorFooter .copyCommentAll{margin-right:auto!important;padding:0 9px!important;height:31px!important;font-size:10px!important}
.commentEditorFooter .compactBtn{height:31px!important;min-height:31px!important;padding:0 12px!important;font-size:10px!important}

html[data-theme="dark"] .commentEditor{background:rgba(28,25,38,.99)!important;border-color:rgba(183,166,255,.16)!important;box-shadow:0 16px 42px rgba(0,0,0,.38)!important}
html[data-theme="dark"] .destPage.publishMotionEnabled.publish-preparing,html[data-theme="dark"] .destPage.publishMotionEnabled.publish-publishing,html[data-theme="dark"] .destPage.publishMotionEnabled.publish-processing{box-shadow:0 7px 20px rgba(16,10,39,.32),0 0 0 1px rgba(183,166,255,.12)!important}
@media(max-width:700px){
  .commentEditor{right:6px!important;top:calc(100% + 6px)!important;width:min(330px,calc(100vw - 30px))!important}
  .commentPresetToolbar{grid-template-columns:minmax(0,1fr) auto auto!important}
  .commentPresetToolbar .compactDanger{display:none!important}
}
@media(prefers-reduced-motion:reduce){.destPage::before,.destPage .pagePhoto::after,.destPage .rowPublishStatus::after{animation:none!important;display:none!important}}


/* CAMBOPOST_FIRST_COMMENT_PORTAL_V1_20260905: render the First Comment editor outside transformed/scrolling Page rows. */
.commentEditor.commentEditorPortal{
  position:fixed!important;
  left:var(--cp-comment-left,12px)!important;
  top:var(--cp-comment-top,12px)!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--cp-comment-width,360px)!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100vh - 24px)!important;
  overflow:auto!important;
  margin:0!important;
  transform:none!important;
  z-index:10000!important;
}