/* Vol Hoops Editor Rebuild — Phase 2 shell hotfix (T69)
 * TinyMCE remains the engine; Vol Hoops owns every visible surface.
 */
.vhb-editor-phase2-shell {
    --vhb-editor-orange: #FF8200;
    --vhb-editor-shell: #080a0d;
    --vhb-editor-toolbar: #11161c;
    --vhb-editor-slate-top: #253747;
    --vhb-editor-slate-mid: #223342;
    --vhb-editor-slate-bottom: #1f2f3e;
    --vhb-editor-text: #f3f5f8;
    --vhb-editor-muted: #aeb6c1;
    position: relative;
    overflow: hidden;
    padding: 0 !important;
    border: 1px solid rgba(255,130,0,.58) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg,#0d1014 0%,#07090c 100%) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.30), inset 0 1px rgba(255,255,255,.04);
}
.vhb-editor-phase2-shell.is-editor-focused {
    border-color: rgba(255,130,0,.96) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.38), 0 0 0 2px rgba(255,130,0,.12);
}
.vhb-editor-phase2-shell > form { margin: 0 !important; }
.vhb-editor-phase2-shell .vhb-reply-composer-head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 28px 21px !important;
    border: 0 !important;
    background: transparent !important;
}
.vhb-editor-phase2-shell .vhb-reply-composer-head > span {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--vhb-editor-orange) !important;
    font-size: clamp(18px,2vw,25px) !important;
    font-weight: 850;
    letter-spacing: .035em;
    text-transform: uppercase;
}
.vhb-editor-brand-mark {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--vhb-editor-orange);
    font-family: Georgia,serif;
    font-size: 35px;
    line-height: 1;
    text-shadow: 0 2px 9px rgba(255,130,0,.34);
}
.vhb-editor-phase2-shell .vhb-reply-composer-head small {
    color: #adb5c0 !important;
    font-size: 15px;
    font-weight: 650;
}

/* One continuous composer: no framed editor nested inside the shell. */
.vhb-editor-phase2-shell .vhb-rich-reply-field {
    position: relative;
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.vhb-editor-phase2-shell .wp-editor-wrap,
.vhb-editor-phase2-shell .wp-editor-container,
.vhb-editor-phase2-shell .mce-tinymce,
.vhb-editor-phase2-shell .mce-container,
.vhb-editor-phase2-shell .mce-container-body,
.vhb-editor-phase2-shell .mce-panel {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Legacy TinyMCE chrome is engine-only and must never be visible. */
.vhb-editor-phase2-shell .mce-toolbar-grp,
.vhb-editor-phase2-shell .mce-menubar,
.vhb-editor-phase2-shell .mce-statusbar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Vol Hoops-owned command rail. */
.vhb-editor-commandbar {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 76px;
    padding: 12px 22px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    border-bottom: 1px solid rgba(255,130,0,.54);
    background: linear-gradient(180deg,#171d24 0%,#11161c 100%);
}
.vhb-editor-commandbar::-webkit-scrollbar { display: none; width: 0; height: 0; }
.vhb-editor-command-group {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
}
.vhb-editor-command-group + .vhb-editor-command-group {
    margin-left: 3px;
    padding-left: 11px;
    border-left: 1px solid rgba(255,255,255,.24);
}
.vhb-editor-command {
    position: relative;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 9px;
    background: linear-gradient(180deg,#242b34 0%,#191f27 100%);
    color: #f5f6f8;
    box-shadow: inset 0 1px rgba(255,255,255,.045);
    font: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.vhb-editor-command:hover,
.vhb-editor-command:focus-visible {
    outline: none;
    border-color: rgba(255,130,0,.88);
    background: linear-gradient(180deg,#2c343f 0%,#202630 100%);
    transform: translateY(-1px);
}
.vhb-editor-command.is-active,
.vhb-editor-command[aria-pressed="true"] {
    border-color: var(--vhb-editor-orange);
    background: linear-gradient(180deg,rgba(255,130,0,.25),rgba(255,130,0,.11));
    box-shadow: inset 0 -3px var(--vhb-editor-orange), 0 0 0 1px rgba(255,130,0,.10);
}
.vhb-editor-command-symbol {
    display: block;
    line-height: 1;
    font-size: 25px;
    font-weight: 850;
    pointer-events: none;
}
.vhb-editor-command[data-command="italic"] .vhb-editor-command-symbol { font-family: Georgia,serif; font-style: italic; }
.vhb-editor-command[data-command="underline"] .vhb-editor-command-symbol { text-decoration: underline; text-underline-offset: 5px; }
.vhb-editor-command[data-command="blockquote"] .vhb-editor-command-symbol { font-family: Georgia,serif; font-size: 31px; }
.vhb-editor-command[data-command="forecolor"]::after,
.vhb-editor-command[data-command="backcolor"]::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 6px;
    height: 3px;
    border-radius: 999px;
}
.vhb-editor-command[data-command="forecolor"]::after { background: var(--vhb-editor-orange); }
.vhb-editor-command[data-command="backcolor"]::after { background: #f3dd47; }
.vhb-editor-command[data-command="image"] { color:#f4f6f8; }
.vhb-editor-command[data-command="image"] .vhb-editor-command-symbol { display:grid; place-items:center; }
.vhb-editor-command[data-command="image"] .vhb-editor-image-svg { width:24px; height:24px; display:block; }
.vhb-editor-command[data-command="youtube"] { color: #fff; background: #e62117; border-color: #ff3b31; }
.vhb-editor-command[data-command="emoji"] .vhb-editor-command-symbol { font-size: 27px; }
.vhb-editor-command[data-command="undo"],
.vhb-editor-command[data-command="redo"] { color: #d8dde5; }
.vhb-editor-command[data-command="removeformat"] .vhb-editor-command-symbol { font-size: 21px; }

/* The actual editable sheet speaks the same language as context bubbles. */
.vhb-editor-phase2-shell .mce-edit-area,
.vhb-editor-phase2-shell .mce-edit-area.mce-container,
.vhb-editor-phase2-shell .mce-edit-area iframe {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.vhb-editor-phase2-shell .mce-edit-area {
    background: linear-gradient(180deg,var(--vhb-editor-slate-top) 0%,var(--vhb-editor-slate-mid) 52%,var(--vhb-editor-slate-bottom) 100%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}
.vhb-editor-phase2-shell iframe {
    display: block !important;
    width: 100% !important;
    min-height: 240px !important;
    background: transparent !important;
}

.vhb-editor-phase2-shell .vhb-editor-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 28px 24px;
    background: transparent;
}
.vhb-editor-phase2-shell .vhb-editor-tip { color: var(--vhb-editor-muted); font-size: 14px; }
.vhb-editor-phase2-shell .vhb-editor-tip strong { color: var(--vhb-editor-orange); margin-right: 5px; }
.vhb-editor-phase2-shell .vhb-reply-actions {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin: 0 !important;
}
.vhb-editor-phase2-shell .vhb-reply-actions .vhb-small-button {
    min-height: 48px;
    padding: 0 25px !important;
    border-radius: 8px !important;
    font-weight: 850;
    letter-spacing: .015em;
}
.vhb-editor-phase2-shell .vhb-preview-reply { border: 1px solid var(--vhb-editor-orange) !important; background: transparent !important; color: var(--vhb-editor-orange) !important; }
.vhb-editor-phase2-shell .vhb-cancel-session { border-color: transparent !important; background: transparent !important; color: #c5cad2 !important; }
.vhb-editor-phase2-shell .vhb-reply-submit { order: 3; border: 1px solid var(--vhb-editor-orange) !important; background: linear-gradient(180deg,#ff9a27,var(--vhb-editor-orange)) !important; color: #fff !important; box-shadow: 0 8px 20px rgba(255,130,0,.20); }
.vhb-editor-phase2-shell .vhb-reply-preview { margin: 0 20px 20px !important; }
.vhb-editor-phase2-shell .vhb-session-indicator,
.vhb-editor-phase2-shell .vhb-quote-box { margin-left: 20px !important; margin-right: 20px !important; }

@media (max-width: 760px) {
    .vhb-editor-phase2-shell { border-radius: 16px !important; }
    .vhb-editor-phase2-shell .vhb-reply-composer-head { padding: 17px 16px 14px !important; }
    .vhb-editor-phase2-shell .vhb-reply-composer-head small { display: none; }
    .vhb-editor-brand-mark { width: 32px; height: 32px; font-size: 28px; }
    .vhb-editor-commandbar { min-height: 64px; padding: 8px 10px; gap: 6px; }
    .vhb-editor-command-group { gap: 5px; }
    .vhb-editor-command-group + .vhb-editor-command-group { padding-left: 8px; }
    .vhb-editor-command { width: 42px; height: 42px; border-radius: 7px; }
    .vhb-editor-command-symbol { font-size: 22px; }
    .vhb-editor-phase2-shell iframe { min-height: 170px !important; }
    .vhb-editor-phase2-shell .vhb-editor-footer { align-items: stretch; flex-direction: column; padding: 14px 10px 12px; }
    .vhb-editor-phase2-shell .vhb-editor-tip { display: none; }
    .vhb-editor-phase2-shell .vhb-reply-actions { display: grid !important; grid-template-columns: 1fr auto; gap: 9px; width: 100%; }
    .vhb-editor-phase2-shell .vhb-reply-actions .vhb-small-button { min-width: 0; padding: 0 14px !important; }
    .vhb-editor-phase2-shell .vhb-reply-submit { grid-column: 1 / -1; width: 100%; }
    .vhb-editor-phase2-shell .vhb-session-indicator,
    .vhb-editor-phase2-shell .vhb-quote-box { margin-left: 10px !important; margin-right: 10px !important; }
}
@media (max-width: 430px) {
    .vhb-editor-phase2-shell .vhb-reply-composer-head > span { font-size: 17px !important; }
    .vhb-editor-commandbar { padding-inline: 8px; }
    .vhb-editor-command { width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: no-preference) {
    .vhb-editor-phase2-shell,
    .vhb-editor-command,
    .vhb-editor-phase2-shell .vhb-small-button { transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease; }
    .vhb-editor-phase2-shell .vhb-reply-submit:hover { transform: translateY(-1px); }
}


/* T74 Phase 2 graduation: one-row, two-page mobile toolbar carousel.
   Every secondary command is one tap away; no detached More island. */
.vhb-editor-command-viewport { min-width:0; flex:1 1 auto; overflow:visible; }
.vhb-editor-command-track { display:flex; align-items:center; width:100%; }
.vhb-editor-command-page { display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.vhb-editor-command-primary,
.vhb-editor-command-secondary { width:auto; }
.vhb-editor-toolbar-arrow { display:none; border-color:rgba(255,130,0,.72); color:#ffb15c; }
.vhb-editor-toolbar-arrow span { font-size:31px; line-height:1; transform:translateY(-1px); }
.vhb-editor-shell-notice {
    position:absolute; left:50%; bottom:78px; z-index:90;
    transform:translate(-50%,8px); opacity:0; pointer-events:none;
    padding:9px 14px; border:1px solid rgba(255,130,0,.72); border-radius:999px;
    background:rgba(8,10,13,.96); color:#f5f6f8; font-size:13px; font-weight:750;
    box-shadow:0 12px 28px rgba(0,0,0,.42); transition:opacity .18s ease,transform .18s ease;
}
.vhb-editor-shell-notice.is-visible { opacity:1; transform:translate(-50%,0); }
@media (min-width:761px) {
  .vhb-editor-command-track { gap:8px; }
  .vhb-editor-command-page { width:auto; }
  .vhb-editor-command-secondary { margin-left:0; }
}
@media (max-width:760px) {
  .vhb-editor-commandbar { overflow:hidden; padding:8px 7px; min-height:60px; }
  .vhb-editor-command-viewport { overflow:hidden; width:100%; }
  .vhb-editor-command-track {
      width:200%;
      transform:translateX(0);
      transition:transform .24s cubic-bezier(.22,.72,.2,1);
      will-change:transform;
  }
  .vhb-editor-command-track[data-active-page="1"] { transform:translateX(-50%); }
  .vhb-editor-command-track.is-no-animate { transition:none!important; }
  .vhb-editor-command-page {
      width:50%;
      min-width:50%;
      justify-content:space-between;
      gap:3px;
      padding:0 2px;
      box-sizing:border-box;
  }
  .vhb-editor-command-group { gap:3px; }
  .vhb-editor-command-group + .vhb-editor-command-group { margin-left:0; padding-left:5px; }
  .vhb-editor-command {
      width:40px;
      height:44px;
      border-radius:8px;
  }
  .vhb-editor-command-symbol { font-size:21px; }
  .vhb-editor-command[data-command="blockquote"] .vhb-editor-command-symbol { font-size:27px; }
  .vhb-editor-command[data-command="emoji"] .vhb-editor-command-symbol { font-size:24px; }
  .vhb-editor-command[data-command="removeformat"] .vhb-editor-command-symbol { font-size:19px; }
  .vhb-editor-toolbar-arrow { display:inline-grid; flex:0 0 38px; width:38px; }
  .vhb-editor-command[data-command="forecolor"]::after,
  .vhb-editor-command[data-command="backcolor"]::after { left:8px; right:8px; bottom:5px; }
}
@media (max-width:390px) {
  .vhb-editor-commandbar { padding-inline:5px; }
  .vhb-editor-command-page { gap:2px; padding-inline:1px; }
  .vhb-editor-command-group { gap:2px; }
  .vhb-editor-command-group + .vhb-editor-command-group { padding-left:3px; }
  .vhb-editor-command { width:38px; height:42px; }
  .vhb-editor-toolbar-arrow { width:36px; flex-basis:36px; }
}
@media (prefers-reduced-motion: reduce) {
  .vhb-editor-command-track { transition:none!important; }
}

/* T73 — remove the actual source of the mobile "escaped emoji." The active
   legacy IP Rt5 stylesheet draws 😊 with a pseudo-element on old TinyMCE
   emoji controls. Phase 2 owns the visible toolbar, so those controls and
   their generated content must not render anywhere inside this composer. */
.vhb-editor-phase2-shell .mce-vhb-custom-emoji,
.vhb-editor-phase2-shell .vhb-custom-emoji,
.vhb-editor-phase2-shell [data-vhb-media-control="emoji"],
.vhb-editor-phase2-shell [data-vhb-direct-emoji="1"],
.vhb-editor-phase2-shell .vhb104m-bound-emoji {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.vhb-editor-phase2-shell .mce-vhb-custom-emoji::before,
.vhb-editor-phase2-shell .mce-vhb-custom-emoji button::before,
.vhb-editor-phase2-shell .vhb-custom-emoji::before,
.vhb-editor-phase2-shell .vhb-custom-emoji button::before,
.vhb-editor-phase2-shell [data-vhb-media-control="emoji"]::before,
.vhb-editor-phase2-shell [data-vhb-media-control="emoji"] button::before,
.vhb-editor-phase2-shell [data-vhb-direct-emoji="1"]::before,
.vhb-editor-phase2-shell [data-vhb-direct-emoji="1"] button::before,
.vhb-editor-phase2-shell .vhb104m-bound-emoji::before,
.vhb-editor-phase2-shell .vhb104m-bound-emoji button::before {
    content: none !important;
    display: none !important;
}


/* T76 Phase 2 final mobile geometry.
   The primary page is purpose-built for Vol Hoops: B, I, U, text color,
   highlight, link, emoji, YouTube, then the page arrow. The secondary page
   contains only advanced tools. Mobile divider remnants are removed and each
   page owns its own exact grid so no dead spacer cells remain. */
@media (max-width:760px) {
  .vhb-editor-commandbar {
      padding:8px 4px;
      gap:0;
  }
  .vhb-editor-command-page {
      display:grid;
      align-items:center;
      justify-items:center;
      gap:0;
      padding:0 1px;
      box-sizing:border-box;
  }
  .vhb-editor-command-primary {
      grid-template-columns:repeat(10,minmax(0,1fr));
  }
  .vhb-editor-command-secondary {
      grid-template-columns:repeat(7,minmax(0,1fr));
  }
  .vhb-editor-command-page .vhb-editor-command-group {
      display:contents;
  }
  .vhb-editor-command-page .vhb-editor-command-group + .vhb-editor-command-group {
      margin-left:0!important;
      padding-left:0!important;
      border-left:0!important;
  }
  .vhb-editor-command {
      width:min(36px,calc(100% - 2px));
      height:42px;
      border-radius:8px;
  }
  .vhb-editor-toolbar-arrow {
      width:min(36px,calc(100% - 2px));
      min-width:0;
      flex-basis:auto;
  }
  .vhb-editor-command-symbol { font-size:20px; }
  .vhb-editor-command[data-command="blockquote"] .vhb-editor-command-symbol { font-size:26px; }
  .vhb-editor-command[data-command="emoji"] .vhb-editor-command-symbol { font-size:23px; }
  .vhb-editor-command[data-command="removeformat"] .vhb-editor-command-symbol { font-size:18px; }
  .vhb-editor-command[data-command="forecolor"]::after,
  .vhb-editor-command[data-command="backcolor"]::after {
      left:7px;
      right:7px;
  }
}
@media (max-width:370px) {
  .vhb-editor-commandbar { padding-inline:2px; }
  .vhb-editor-command { width:min(33px,calc(100% - 1px)); height:40px; }
  .vhb-editor-toolbar-arrow { width:min(33px,calc(100% - 1px)); }
  .vhb-editor-command-symbol { font-size:19px; }
}

/* T77 corrective pass: compact true auto-grow, adaptive phone/tablet toolbar,
   and predictable vertical touch gestures. */
.vhb-editor-phase2-shell iframe {
    min-height: 0 !important;
    height: 218px;
    touch-action: pan-y;
}
.vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-commandbar {
    overflow: hidden;
    gap: 0;
}
.vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-viewport {
    overflow: hidden;
    width: 100%;
}
.vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-track {
    width: 200%;
    transform: translateX(0);
    transition: transform .24s cubic-bezier(.22,.72,.2,1);
    will-change: transform;
}
.vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-track[data-active-page="1"] {
    transform: translateX(-50%);
}
.vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-page {
    width: 50%;
    min-width: 50%;
    box-sizing: border-box;
}
.vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-toolbar-arrow {
    display: inline-grid;
}
.vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-page .vhb-editor-command-group + .vhb-editor-command-group {
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: 0 !important;
}

/* Tablet and constrained desktop: same two-page architecture, with larger
   controls than phone and no clipped or undiscoverable commands. */
@media (min-width:761px) and (max-width:1079px) {
    .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-commandbar {
        padding: 9px 12px;
        min-height: 66px;
    }
    .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-page {
        display: grid;
        align-items: center;
        justify-items: center;
        gap: 5px;
        padding: 0 4px;
    }
    .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-primary {
        grid-template-columns: repeat(10,minmax(0,1fr));
    }
    .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-secondary {
        grid-template-columns: repeat(7,minmax(0,1fr));
    }
    .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-page .vhb-editor-command-group {
        display: contents;
    }
    .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command {
        width: 48px;
        height: 48px;
    }
    .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-toolbar-arrow {
        width: 48px;
        min-width: 0;
        flex-basis: auto;
    }
    .vhb-editor-phase2-shell iframe { height: 188px; }
}

@media (max-width:760px) {
    .vhb-editor-phase2-shell iframe { height: 158px; }
    .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-page .vhb-editor-command-group + .vhb-editor-command-group {
        margin-left: 0 !important;
        padding-left: 0 !important;
        border-left: 0 !important;
    }
}

/* T78 Phase 2 graduation candidate: every editor popup owns touch gestures.
   Swipes may scroll the popup itself, but never leak through to the page. */
.vhb-editor-popover,
.vhb-touch-opaque-popover,
.mce-floatpanel,
.mce-window {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}
.vhb-editor-popover .vhb-editor-emoji-grid,
.vhb-editor-popover .vhb-editor-color-grid,
.vhb-touch-opaque-popover [class*="grid"] {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* T128 — desktop-only single-view toolbar fit calibration.
   Fine-pointer desktop keeps every Phase 2 command visible at once by
   reclaiming width evenly from buttons, inter-control gaps, separators, and
   rail padding. Touch/coarse-pointer tablet and phone geometry is unchanged. */
@media (min-width:761px) and (hover:hover) and (pointer:fine) {
    .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-commandbar {
        min-height: 68px;
        padding: 10px 14px;
        gap: 0;
        overflow: hidden;
    }
    .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command-viewport {
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }
    .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command-track {
        width: max-content;
        max-width: 100%;
        gap: 5px;
    }
    .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command-page {
        gap: 5px;
    }
    .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command-group {
        gap: 4px;
    }
    .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command-group + .vhb-editor-command-group {
        margin-left: 2px;
        padding-left: 7px;
    }
    .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command {
        width: 42px;
        height: 42px;
        border-radius: 8px;
    }
    .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command-symbol {
        font-size: 23px;
    }
    .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command[data-command="blockquote"] .vhb-editor-command-symbol {
        font-size: 29px;
    }
    .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command[data-command="emoji"] .vhb-editor-command-symbol {
        font-size: 25px;
    }
    .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command[data-command="removeformat"] .vhb-editor-command-symbol {
        font-size: 20px;
    }
    .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command[data-command="forecolor"]::after,
    .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command[data-command="backcolor"]::after {
        left: 9px;
        right: 9px;
        bottom: 5px;
    }
}


/* T319 — Image is a first-tier Phase 2 command. The visible VH command rail,
   not TinyMCE's hidden native toolbar, owns user-facing controls. Keep all nine
   primary actions plus the page arrow on one phone row. */
@media (max-width:760px){
  .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-primary{grid-template-columns:repeat(10,minmax(0,1fr));}
  .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-primary .vhb-editor-command{width:min(33px,calc(100% - 1px));height:40px;}
  .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-primary .vhb-editor-toolbar-arrow{width:min(33px,calc(100% - 1px));min-width:0;flex-basis:auto;}
  .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-primary .vhb-editor-command-symbol{font-size:18px;}
  .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-primary .vhb-editor-command[data-command="emoji"] .vhb-editor-command-symbol{font-size:21px;}
  .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-primary .vhb-editor-command[data-command="image"] .vhb-editor-image-svg{width:21px;height:21px;}
}
@media (max-width:370px){
  .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-primary .vhb-editor-command,
  .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-primary .vhb-editor-toolbar-arrow{width:min(31px,calc(100% - 1px));height:38px;}
}
@media (min-width:761px) and (max-width:1079px){
  .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-primary{grid-template-columns:repeat(10,minmax(0,1fr));}
  .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-primary .vhb-editor-command,
  .vhb-editor-phase2-shell.is-toolbar-paged .vhb-editor-command-primary .vhb-editor-toolbar-arrow{width:44px;height:44px;}
}
@media (min-width:761px) and (hover:hover) and (pointer:fine){
  .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command{width:39px;height:40px;}
  .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command-symbol{font-size:21px;}
  .vhb-editor-phase2-shell:not(.is-toolbar-paged) .vhb-editor-command[data-command="image"] .vhb-editor-image-svg{width:22px;height:22px;}
}

/* T391 — Rich New Topic composer integration. The existing Board composer
 * remains the outer UI; only Post #1 graduates to the proven editor shell. */
.vhb-topic-rich-composer .vhb-topic-post-label {
    margin: 2px 0 -2px;
    color: #f3f5f8;
    font-weight: 800;
}
.vhb-topic-rich-composer .vhb-topic-editor {
    width: 100%;
    margin: 0;
}
.vhb-topic-rich-composer .vhb-topic-editor .vhb-reply-composer-head {
    padding-top: 18px !important;
    padding-bottom: 16px !important;
}
.vhb-topic-rich-composer .vhb-topic-editor .vhb-reply-composer-head > span {
    font-size: clamp(16px,1.7vw,21px) !important;
}
@media (max-width: 760px) {
    .vhb-topic-rich-composer .vhb-topic-editor .vhb-reply-composer-head {
        align-items: flex-start;
        gap: 7px;
    }
    .vhb-topic-rich-composer .vhb-topic-editor .vhb-reply-composer-head small {
        font-size: 12px;
    }
}