/* OgraFi-specific layout corrections.
   Keep the original Repost theme stylesheets untouched. */

/* Let channel sidebar widgets follow their content naturally.
   The upper stack must not stretch to fill the viewport. */
.main__grid-feed > .main__widgets {
    height: auto;
    min-height: 0;
    max-height: none;
}

.channel-sidebar-widgets {
    height: auto;
    min-height: 0;
    overflow: visible;
}

.channel-sidebar-scroll {
    flex: 0 1 auto;
    min-height: 0;
    overflow: visible;
}

.channel-sidebar-comments {
    flex: 0 0 auto;
    max-height: none;
}


/* Messenger dialog action polish */
.pm__dropdown-limit { min-width: 0; }
.pm__dropdown-limit .pm__limit-label { color: var(--pm-muted); font-size: .78rem; line-height: 1.4; }
.pm__dropdown-limit .pm_progress_bar { width: 100%; max-width: none; height: 5px; margin-top: 10px; border-radius: 99px; background: var(--pm-secondary-light); }
.pm__dropdown-limit .pm_progress_bar span { display: block; height: 100%; border-radius: inherit; background: var(--pm-primary); }
.pm-dialog__actions .dropdown-menu-item.is-danger form { width: 100%; margin: 0; }
.pm-dialog__actions .dropdown-menu-item > form > button { display: block; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.pm-dialog__actions .dropdown-menu-item.is-danger > form > button { color: var(--bs-danger, #dc3545); }
.pm-dialog__edit-form { display: flex; width: min(100%, 420px); flex-direction: column; gap: 10px; margin-top: 6px; }
.pm-dialog__edit-form[hidden] { display: none !important; }
.pm-dialog__edit-form textarea { display: block; width: 100%; min-height: 90px; padding: 11px 13px; border: 1px solid var(--border-color); border-radius: 12px; background: var(--card-bg); color: var(--text-color); font: inherit; font-size: .88rem; line-height: 1.5; resize: vertical; }
.pm-dialog__edit-actions { display: flex; justify-content: flex-end; gap: 8px; }

/* Repost messenger list menu actions */
.pm-item__dropdown .dropdown-menu-item > form { width: 100%; margin: 0; }
.pm-item__dropdown .dropdown-menu-item > form > button { display: block; width: 100%; padding: 0; border: 0; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.pm-item__dropdown .dropdown-menu-item.is-danger > form > button { color: var(--bs-danger, #dc3545); }
.pm__dropdown-limit { min-width: 0; }
.pm__dropdown-limit .pm_progress_bar { width: 100%; max-width: none; }

/* Repost messenger/dialog behavior: preserve original component design. */
.pm-item__dropdown .dropdown-menu-item > form, .pm-dialog__actions .dropdown-menu-item > form { width:100%; margin:0; }
.pm-item__dropdown .dropdown-menu-item > form > button, .pm-dialog__actions .dropdown-menu-item > form > button {
 display:block; width:100%; padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer;
}
.pm-item__dropdown .dropdown-menu-item.is-danger > form > button, .pm-dialog__actions .dropdown-menu-item.is-danger > form > button { color:var(--bs-danger,#dc3545); }
.pm-dialog__edit-form[hidden] { display:none !important; }
.pm-dialog__message-main { overflow-wrap:anywhere; }
@media (max-width:767.98px) {
 .pm-dialog__message-main { max-width:calc(100% - 40px); }
 .pm-dialog__meta { max-width:100%; flex-wrap:wrap; }
 .pm-item__preview { padding-right:0; flex-wrap:wrap; gap:2px 5px; }
 .pm-item__preview time { position:static; flex:0 0 100%; margin-top:3px; }
 .pm-item__body { padding-right:28px; }
 .pm-item__dropdown, .pm-dialog__actions { visibility:visible; opacity:1; }
}


/* Fix native browser button rendering inside messenger dropdowns. */
.pm-item__dropdown .dropdown-menu .dropdown-menu-item > form,
.pm-dialog__actions .dropdown-menu .dropdown-menu-item > form {
    display: block !important; width: 100% !important; margin: 0 !important;
}
.pm-item__dropdown .dropdown-menu .dropdown-menu-item > form > button,
.pm-dialog__actions .dropdown-menu .dropdown-menu-item > form > button {
    appearance: none !important; -webkit-appearance: none !important;
    display: flex !important; align-items: center !important;
    width: 100% !important; min-height: 38px !important;
    padding: 9px 14px !important; margin: 0 !important;
    border: 0 !important; border-radius: 0 !important;
    outline: 0 !important; box-shadow: none !important;
    background: transparent !important; color: var(--text-color, #252a31) !important;
    font: inherit !important; font-size: .875rem !important; font-weight: 400 !important;
    line-height: 1.35 !important; text-align: left !important;
    white-space: normal !important; cursor: pointer !important;
}
.pm-item__dropdown .dropdown-menu .dropdown-menu-item > form > button:hover,
.pm-dialog__actions .dropdown-menu .dropdown-menu-item > form > button:hover {
    background: var(--hover-bg, #f4f6f9) !important;
}
.pm-item__dropdown .dropdown-menu .dropdown-menu-item.is-danger > form > button,
.pm-dialog__actions .dropdown-menu .dropdown-menu-item.is-danger > form > button { color: #f04438 !important; }
.pm-item__dropdown .dropdown-menu .dropdown-menu-item.is-danger > form > button:hover,
.pm-dialog__actions .dropdown-menu .dropdown-menu-item.is-danger > form > button:hover { background: #fff1f0 !important; }
.pm-item__dropdown .dropdown-menu, .pm-dialog__actions .dropdown-menu { padding: 6px !important; }


/* Refined messenger dropdown actions */
.pm-dialog__actions .dropdown-menu .dropdown-menu-item {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
}
.pm-dialog__actions .dropdown-menu .dropdown-menu-item.is-danger {
    background: transparent !important;
}
.pm-dialog__actions .dropdown-menu .dropdown-menu-item > button,
.pm-dialog__actions .dropdown-menu .dropdown-menu-item > form > button {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 9px 12px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: #303640 !important;
    font: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: background-color .15s ease, color .15s ease !important;
}
.pm-dialog__actions .dropdown-menu .dropdown-menu-item > button:hover,
.pm-dialog__actions .dropdown-menu .dropdown-menu-item > form > button:hover {
    background: #f3f6fb !important;
    color: #145ee8 !important;
}
.pm-dialog__actions .dropdown-menu .dropdown-menu-item.is-danger > form > button {
    color: #e5484d !important;
    font-weight: 500 !important;
}
.pm-dialog__actions .dropdown-menu .dropdown-menu-item.is-danger > form > button:hover {
    color: #c92a32 !important;
    background: #fff1f1 !important;
}
.pm-dialog__actions .dropdown-menu {
    padding: 6px !important;
    gap: 2px !important;
}


/* Conversation list dropdown: polished full-width form actions */
.pm-item__dropdown .dropdown-menu {
    padding: 7px !important;
    gap: 3px !important;
}
.pm-item__dropdown .dropdown-menu > .dropdown-menu-item {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
}
.pm-item__dropdown .dropdown-menu > .dropdown-menu-item > form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}
.pm-item__dropdown .dropdown-menu > .dropdown-menu-item > form > button {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 9px 12px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #343a46 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    white-space: normal !important;
    cursor: pointer !important;
    transition: background-color .16s ease, color .16s ease !important;
}
.pm-item__dropdown .dropdown-menu > .dropdown-menu-item > form > button:hover {
    background: #f3f6fb !important;
    color: #175fe8 !important;
}
.pm-item__dropdown .dropdown-menu > .dropdown-menu-item.is-danger > form > button {
    background: #fff !important;
    color: #e0444b !important;
}
.pm-item__dropdown .dropdown-menu > .dropdown-menu-item.is-danger > form > button:hover {
    background: #fff1f1 !important;
    color: #c92e38 !important;
}
.pm-item__dropdown .dropdown-menu > .dropdown-menu-item > form > button:focus-visible {
    outline: 2px solid rgba(23, 95, 232, .25) !important;
    outline-offset: -2px !important;
}


/* Messenger conversation heading */
.pm-dialog__header {
    padding: 20px 22px !important;
    border-bottom: 1px solid #edf0f5 !important;
    background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%) !important;
}
.pm-dialog__heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
}
.pm-dialog__heading h2 {
    margin: 0 !important;
    color: #202633 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -.025em !important;
}
.pm-dialog__recipient {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    color: #718096 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}
.pm-dialog__status {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 26px !important;
    padding: 4px 10px !important;
    border: 1px solid #e9edf3 !important;
    border-radius: 999px !important;
    background: #f6f8fb !important;
    color: #68758a !important;
    font-weight: 500 !important;
}
.pm-dialog__status-dot {
    width: 7px !important;
    height: 7px !important;
    flex: 0 0 7px !important;
    border-radius: 50% !important;
    background: #aab4c2 !important;
}
.pm-dialog__status.is-online {
    border-color: #d8f3e3 !important;
    background: #f0fbf4 !important;
    color: #16834a !important;
}
.pm-dialog__status.is-online .pm-dialog__status-dot {
    background: #20b66a !important;
    box-shadow: 0 0 0 3px rgba(32,182,106,.12) !important;
}
.pm-dialog__profile-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 26px !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    color: #1768ed !important;
    background: #eef5ff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background-color .15s ease, color .15s ease !important;
}
.pm-dialog__profile-link:hover {
    color: #0e50c4 !important;
    background: #e2edff !important;
}
.pm-dialog__profile-link svg {
    width: 13px !important;
    height: 13px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.5 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
@media (max-width: 640px) {
    .pm-dialog__header { padding: 16px !important; }
    .pm-dialog__heading h2 { font-size: 17px !important; }
}


/* Compact Telegram-like conversation info menu */
.pm-dialog__header{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;gap:16px!important;padding:14px 18px!important}
.pm-dialog__identity{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;text-align:left!important;cursor:pointer!important}
.pm-dialog__identity-avatar{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:50%!important;object-fit:cover!important;background:#eef2f8!important}
.pm-dialog__identity-copy{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
.pm-dialog__identity-copy strong{color:#202633!important;font-size:15px!important;font-weight:700!important}
.pm-dialog__identity-status{display:flex!important;align-items:center!important;gap:7px!important;color:#78869a!important;font-size:12px!important}
.pm-dialog__identity-status i{width:7px!important;height:7px!important;border-radius:50%!important;background:#aab4c2!important}
.pm-dialog__identity-status i.is-online{background:#20b66a!important}
.pm-dialog__settings-button{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:0 0 38px!important;border:0!important;border-radius:50%!important;color:#64748b!important;background:#f1f4f8!important;cursor:pointer!important}
.pm-dialog__settings-button:hover{color:#1768ed!important;background:#eaf2ff!important}
.pm-dialog__settings-button svg,.pm-user-info__icon svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.pm-user-info[hidden]{display:none!important}
.pm-user-info{position:fixed!important;z-index:10020!important;top:18px!important;right:18px!important;bottom:18px!important;display:flex!important;flex-direction:column!important;width:min(390px,calc(100vw - 36px))!important;min-height:0!important;margin:0!important;padding:0 16px 18px!important;overflow-y:auto!important;border:1px solid #e9edf3!important;border-radius:22px!important;background:#f7f8fa!important;color:#172033!important;box-shadow:0 16px 48px rgba(25,38,58,.18)!important;animation:pmUserInfoIn .18s ease-out both!important}
.pm-user-info::before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(15,23,42,.24);backdrop-filter:blur(2px)}
@keyframes pmUserInfoIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.pm-user-info__top{position:sticky!important;top:0!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:56px!important;background:#f7f8fa!important}
.pm-user-info__top strong{font-size:16px!important;font-weight:700!important}
.pm-user-info__icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;color:#253247!important;background:transparent!important;cursor:pointer!important}
.pm-user-info__profile{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:18px 0 22px!important;text-align:center!important}
.pm-user-info__profile img{width:88px!important;height:88px!important;margin-bottom:13px!important;border:4px solid #fff!important;border-radius:50%!important;object-fit:cover!important;background:#e6ebf2!important;box-shadow:0 2px 8px rgba(20,35,55,.08)!important}
.pm-user-info__profile h3{margin:0 0 4px!important;font-size:18px!important;font-weight:700!important;color:#172033!important}
.pm-user-info__profile p{margin:0 0 8px!important;color:#718096!important;font-size:13px!important}
.pm-user-info__menu{overflow:hidden!important;border:1px solid #e9edf3!important;border-radius:13px!important;background:#fff!important}
.pm-user-info__menu-row{display:flex!important;align-items:center!important;width:100%!important;min-height:46px!important;gap:11px!important;padding:0 13px!important;border:0!important;border-bottom:1px solid #f0f2f5!important;border-radius:0!important;background:#fff!important;color:#293548!important;font-family:inherit!important;font-size:13px!important;font-weight:500!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important}
.pm-user-info__menu-row:last-child{border-bottom:0!important}
.pm-user-info__menu-row:hover{background:#f7f9fc!important;color:#1768ed!important}
.pm-user-info__menu-icon{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;flex:0 0 20px!important;color:#68778d!important}
.pm-user-info__menu-icon svg,.pm-user-info__chevron{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.pm-user-info__chevron{width:15px!important;height:15px!important;margin-left:auto!important;color:#a0aaba!important}
.pm-user-info__empty{display:grid!important;place-items:center!important;min-height:74px!important;margin-top:12px!important;color:#7b8491!important;font-size:13px!important;text-align:center!important}
@media(max-width:640px){.pm-user-info{inset:10px!important;width:auto!important;border-radius:18px!important;padding-inline:13px!important}.pm-user-info__profile{padding:15px 0 18px!important}}

/* Final polish: bright, spacious messenger contact sheet */
.pm-user-info{
  position:fixed!important;isolation:isolate!important;z-index:10020!important;
  top:14px!important;right:14px!important;bottom:14px!important;
  width:min(400px,calc(100vw - 28px))!important;
  padding:0 18px 22px!important;overflow-y:auto!important;
  background:#f8faff!important;color:#172033!important;
  border:1px solid #e8edf5!important;border-radius:24px!important;
  box-shadow:0 0 0 100vmax rgba(23,35,55,.24),0 18px 55px rgba(20,35,55,.16)!important;
}
.pm-user-info::before{display:none!important;content:none!important}
.pm-user-info__top{
  min-height:62px!important;margin:0 -18px!important;padding:0 17px!important;
  background:rgba(255,255,255,.94)!important;border-bottom:1px solid #edf1f6!important;
  border-radius:24px 24px 0 0!important;backdrop-filter:blur(12px)!important;
}
.pm-user-info__top strong{font-size:15px!important;letter-spacing:-.2px!important}
.pm-user-info__icon{width:36px!important;height:36px!important;border-radius:12px!important;background:#f3f6fb!important;color:#64748b!important;transition:background .15s,color .15s!important}
.pm-user-info__icon:hover{background:#eaf2ff!important;color:#1768ed!important}
.pm-user-info__profile{
  position:relative!important;align-items:center!important;padding:30px 14px 25px!important;
  margin:0 -2px 16px!important;border-radius:0 0 20px 20px!important;
  background:linear-gradient(180deg,#fff 0%,#f1f6ff 100%)!important;
}
.pm-user-info__profile img{
  width:100px!important;height:100px!important;margin:0 0 15px!important;
  border:5px solid #fff!important;box-shadow:0 5px 18px rgba(35,85,160,.13)!important;
}
.pm-user-info__profile h3{font-size:20px!important;letter-spacing:-.35px!important;margin-bottom:5px!important}
.pm-user-info__profile p{font-size:13px!important;color:#71809a!important;margin-bottom:11px!important}
.pm-user-info__profile .pm-dialog__status{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:7px 12px!important;border:1px solid #e5ebf4!important;border-radius:30px!important;
  background:#fff!important;color:#65758d!important;font-size:12px!important;font-weight:600!important;
}
.pm-user-info__menu{
  border:1px solid #e8edf4!important;border-radius:17px!important;
  background:#fff!important;box-shadow:0 4px 14px rgba(27,44,70,.035)!important;
}
.pm-user-info__menu-row{
  min-height:55px!important;padding:0 15px!important;gap:13px!important;
  border-bottom:1px solid #f0f3f7!important;background:#fff!important;
  color:#344258!important;font-size:13px!important;font-weight:550!important;
  transition:background .15s,color .15s!important;
}
.pm-user-info__menu-row:last-child{border-bottom:0!important}
.pm-user-info__menu-row:hover{background:#f7faff!important;color:#1768ed!important}
.pm-user-info__menu-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:11px!important;background:#f2f6fc!important;color:#61748f!important}
.pm-user-info__menu-icon svg{width:18px!important;height:18px!important}
.pm-user-info__chevron{color:#a5b1c2!important}
.pm-user-info__empty{
  min-height:94px!important;margin-top:15px!important;padding:15px!important;
  border:1px dashed #dce5f1!important;border-radius:16px!important;
  background:rgba(255,255,255,.65)!important;color:#8491a4!important;
  font-size:13px!important;
}
@media(max-width:640px){
 .pm-user-info{inset:8px!important;width:auto!important;border-radius:20px!important;padding-inline:14px!important}
 .pm-user-info__top{margin-inline:-14px!important;padding-inline:14px!important;border-radius:20px 20px 0 0!important}
 .pm-user-info__profile{padding:25px 12px 22px!important}
 .pm-user-info__profile img{width:92px!important;height:92px!important}
 .pm-user-info__menu-row{min-height:53px!important}
}

/* Mobile messenger contact sheet: bottom-up native sheet */
@media (max-width: 640px) {
  .pm-user-info {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    width: 100% !important;
    height: min(88dvh, 760px) !important;
    max-height: 88dvh !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 16px max(18px, env(safe-area-inset-bottom)) !important;
    border: 1px solid #e7ebf2 !important;
    border-bottom: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    background: #f8faff !important;
    box-shadow: 0 -12px 40px rgba(20,35,55,.18) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    animation: pmUserInfoSheetIn .26s cubic-bezier(.2,.8,.2,1) both !important;
  }
  .pm-user-info::after {
    content: "" !important;
    position: sticky !important;
    order: -1 !important;
    display: block !important;
    width: 38px !important;
    height: 4px !important;
    flex: 0 0 4px !important;
    margin: 9px auto 3px !important;
    border-radius: 10px !important;
    background: #d7deea !important;
  }
  .pm-user-info__top {
    position: sticky !important;
    top: 0 !important;
    min-height: 54px !important;
    margin: 0 -16px !important;
    padding: 0 16px !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.96) !important;
  }
  .pm-user-info__profile {
    padding: 22px 12px 20px !important;
    margin: 0 -2px 14px !important;
    border-radius: 0 0 18px 18px !important;
  }
  .pm-user-info__profile img {
    width: 84px !important;
    height: 84px !important;
    margin-bottom: 12px !important;
    border-width: 4px !important;
  }
  .pm-user-info__profile h3 { font-size: 18px !important; }
  .pm-user-info__profile p { font-size: 13px !important; }
  .pm-user-info__menu { border-radius: 16px !important; }
  .pm-user-info__menu-row {
    min-height: 52px !important;
    gap: 12px !important;
    padding: 0 13px !important;
    font-size: 13px !important;
  }
  .pm-user-info__menu-icon {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    border-radius: 10px !important;
  }
  .pm-user-info__menu-icon svg {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
  }
  .pm-user-info__chevron {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
  }
  .pm-user-info__empty {
    min-height: 82px !important;
    margin-top: 12px !important;
    font-size: 12px !important;
  }
}
@keyframes pmUserInfoSheetIn {
  from { opacity: .7; transform: translateY(36px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (min-width: 641px) {
  .pm-user-info__menu-icon svg { width: 18px !important; height: 18px !important; }
  .pm-user-info__chevron { width: 15px !important; height: 15px !important; }
}

/* User info panel: remove membership badge and unify profile background */
.pm-user-info__profile{
  background:transparent!important;
  border-radius:0!important;
}
.pm-user-info__profile .pm-dialog__status{display:none!important}
@media(max-width:640px){
  .pm-user-info__profile{
    background:transparent!important;
    border-radius:0!important;
    margin:0!important;
    padding:24px 12px 20px!important;
  }
}

/* Pure white messenger bottom sheet */
@media (max-width:640px){
  .pm-user-info{
    background:#fff!important;
    border:1px solid #edf0f4!important;
    border-bottom:0!important;
    box-shadow:0 -10px 36px rgba(20,30,45,.12)!important;
  }
  .pm-user-info__top{
    background:#fff!important;
    border-bottom:1px solid #f0f2f5!important;
  }
  .pm-user-info__profile{
    background:#fff!important;
    border-radius:0!important;
  }
  .pm-user-info__profile img{
    box-shadow:0 3px 14px rgba(20,30,45,.09)!important;
  }
  .pm-user-info__menu,
  .pm-user-info__menu-row{
    background:#fff!important;
  }
  .pm-user-info__menu{
    border-color:#eceff3!important;
    box-shadow:none!important;
  }
  .pm-user-info__menu-row{
    border-bottom-color:#f0f2f5!important;
  }
  .pm-user-info__menu-icon{
    background:#f5f6f8!important;
    color:#64748b!important;
  }
  .pm-user-info__empty{
    background:#fff!important;
    border-color:#e7ebf0!important;
  }
  .pm-user-info::after{background:#d8dde5!important}
}

/* Compact messenger header: identity only, no redundant settings button */
.pm-dialog__header{
  min-height:64px!important;
  padding:9px 14px!important;
  gap:8px!important;
  border-bottom:1px solid #edf0f4!important;
}
.pm-dialog__identity{gap:9px!important;min-height:44px!important}
.pm-dialog__identity-avatar{width:34px!important;height:34px!important;flex:0 0 34px!important}
.pm-dialog__identity-copy{gap:2px!important}
.pm-dialog__identity-copy strong{font-size:14px!important;line-height:1.25!important}
.pm-dialog__identity-status{font-size:11px!important;line-height:1.2!important;gap:5px!important}
.pm-dialog__identity-status i{width:6px!important;height:6px!important;flex:0 0 6px!important}
@media(max-width:640px){
 .pm-dialog__header{min-height:58px!important;padding:7px 12px!important}
 .pm-dialog__identity{min-height:42px!important;gap:8px!important}
 .pm-dialog__identity-avatar{width:32px!important;height:32px!important;flex-basis:32px!important}
 .pm-dialog__identity-copy strong{font-size:13px!important}
 .pm-dialog__identity-status{font-size:10.5px!important}
}

/* Slim conversation header with avatar, presence and three-dot menu */
.pm-dialog__header--conversation{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:60px!important;padding:7px 14px!important;gap:10px!important;border-bottom:1px solid #edf0f4!important;background:#fff!important}
.pm-dialog__header--conversation .pm-dialog__identity{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;flex:1 1 auto!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;text-align:left!important}
.pm-dialog__header--conversation .pm-dialog__identity-avatar{display:block!important;width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:50%!important;object-fit:cover!important}
.pm-dialog__header--conversation .pm-dialog__identity-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.pm-dialog__header--conversation .pm-dialog__identity-copy strong{font-size:14px!important;line-height:1.2!important;font-weight:700!important;color:#202633!important}
.pm-dialog__header--conversation .pm-dialog__identity-status{display:block!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:11px!important;line-height:1.25!important;color:#718096!important}
.pm-dialog__header--conversation .pm-dialog__identity-status i{display:inline-block!important;width:6px!important;height:6px!important;margin-right:5px!important;border-radius:50%!important;background:#aab4c2!important;vertical-align:middle!important}
.pm-dialog__header--conversation .pm-dialog__identity-status i.is-online{background:#20b66a!important}
.pm-dialog__header-menu{position:relative!important;flex:0 0 auto!important}
.pm-dialog__header-more{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;color:#68778d!important;background:#f0f3f7!important;cursor:pointer!important}
.pm-dialog__header-more:hover{color:#1768ed!important;background:#eaf2ff!important}
.pm-dialog__header-menu .pm__dropdown{min-width:205px!important}
.pm-dialog__header-menu .pm__dropdown-limit{padding:10px 13px!important}
@media(max-width:640px){.pm-dialog__header--conversation{min-height:54px!important;padding:6px 10px!important;gap:8px!important}.pm-dialog__header--conversation .pm-dialog__identity-avatar{width:31px!important;height:31px!important;flex-basis:31px!important}.pm-dialog__header--conversation .pm-dialog__identity-copy strong{font-size:13px!important}.pm-dialog__header--conversation .pm-dialog__identity-status{font-size:10px!important}.pm-dialog__header-more{width:32px!important;height:32px!important}}

/* Messenger composer: compact rounded input bar inspired by the supplied reference */
.pm-composer{margin-top:14px!important;padding:0!important;border:0!important;background:transparent!important}
.pm-composer__bar{
 display:flex!important;align-items:center!important;gap:12px!important;
 min-height:48px!important;padding:4px 5px 4px 13px!important;
 border:1px solid #e3e8ef!important;border-radius:999px!important;
 background:#fff!important;box-shadow:0 2px 7px rgba(24,39,58,.07)!important;
}
.pm-composer__attachment{display:grid!important;place-items:center!important;width:22px!important;height:30px!important;flex:0 0 22px!important;color:#202833!important}
.pm-composer__attachment svg{display:block!important;width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.pm-composer__bar textarea{
 display:block!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;
 min-height:34px!important;max-height:112px!important;margin:0!important;padding:8px 0!important;
 resize:none!important;overflow-y:auto!important;border:0!important;outline:0!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;
 color:#263344!important;font:inherit!important;font-size:15px!important;line-height:20px!important;
}
.pm-composer__bar textarea:focus{border:0!important;outline:0!important;box-shadow:none!important}
.pm-composer__bar textarea::placeholder{color:#9aa5b3!important;opacity:1!important}
.pm-composer__emoji-wrap{position:relative!important;flex:0 0 auto!important}
.pm-composer__emoji,.pm-composer__send{
 display:grid!important;place-items:center!important;width:39px!important;height:39px!important;
 flex:0 0 39px!important;padding:0!important;border:0!important;border-radius:50%!important;cursor:pointer!important;
}
.pm-composer__emoji{background:transparent!important;color:#222b36!important}
.pm-composer__emoji:hover{background:#f2f5f9!important}
.pm-composer__emoji svg{display:block!important;width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.pm-composer__send{background:#2788ed!important;color:#fff!important;box-shadow:0 2px 5px rgba(39,136,237,.2)!important}
.pm-composer__send:hover{background:#1675d8!important}
.pm-composer__send svg{display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.pm-composer__emoji-picker{
 position:absolute!important;right:-8px!important;bottom:49px!important;z-index:30!important;
 display:grid!important;grid-template-columns:repeat(6,34px)!important;gap:3px!important;
 padding:8px!important;border:1px solid #e8edf3!important;border-radius:14px!important;
 background:#fff!important;box-shadow:0 8px 28px rgba(20,35,55,.15)!important;
}
.pm-composer__emoji-picker[hidden]{display:none!important}
.pm-composer__emoji-picker button{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:8px!important;background:#fff!important;font-size:20px!important;cursor:pointer!important}
.pm-composer__emoji-picker button:hover{background:#f1f5fa!important}
@media(max-width:640px){
 .pm-composer{margin-top:10px!important}
 .pm-composer__bar{min-height:44px!important;gap:8px!important;padding:3px 4px 3px 11px!important}
 .pm-composer__bar textarea{min-height:32px!important;padding:6px 0!important;font-size:14px!important}
 .pm-composer__emoji,.pm-composer__send{width:36px!important;height:36px!important;flex-basis:36px!important}
 .pm-composer__emoji svg{width:21px!important;height:21px!important}
 .pm-composer__send svg{width:22px!important;height:22px!important}
}




/* Telegram-style conversation top bar */
body.is-messenger-conversation .header{display:none!important}
body.is-messenger-conversation .pm.card.card-body{
  padding:0!important;overflow:visible!important;border-radius:18px!important;
}
body.is-messenger-conversation .pm-dialog{
  display:flex!important;flex-direction:column!important;gap:0!important;
  min-width:0!important;overflow:visible!important;
}
body.is-messenger-conversation .pm-dialog__header--conversation{
  position:sticky!important;top:8px!important;z-index:100!important;
  display:flex!important;align-items:center!important;gap:12px!important;
  width:calc(100% - 20px)!important;min-height:62px!important;
  box-sizing:border-box!important;margin:8px 10px 0!important;padding:7px 12px!important;
  border:0!important;border-radius:999px!important;background:#fff!important;
  box-shadow:0 2px 10px rgba(28,45,75,.10)!important;
}
body.is-messenger-conversation .pm-dialog__back{
  display:grid!important;place-items:center!important;flex:0 0 32px!important;
  width:32px!important;height:36px!important;padding:0!important;
  color:#171c25!important;text-decoration:none!important;
}
body.is-messenger-conversation .pm-dialog__back svg{
  display:block!important;width:25px!important;height:25px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:2!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
body.is-messenger-conversation .pm-dialog__identity{
  display:flex!important;align-items:center!important;gap:10px!important;
  flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;text-align:left!important;
}
body.is-messenger-conversation .pm-dialog__identity-avatar{
  display:block!important;width:40px!important;height:40px!important;
  flex:0 0 40px!important;border-radius:50%!important;object-fit:cover!important;
}
body.is-messenger-conversation .pm-dialog__identity-copy{
  display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;
}
body.is-messenger-conversation .pm-dialog__identity-copy strong{
  display:block!important;overflow:hidden!important;color:#171c25!important;
  font-size:15px!important;font-weight:700!important;line-height:1.2!important;
  white-space:nowrap!important;text-overflow:ellipsis!important;
}
body.is-messenger-conversation .pm-dialog__identity-status{
  display:block!important;overflow:hidden!important;color:#7b8491!important;
  font-size:12px!important;line-height:1.2!important;
  white-space:nowrap!important;text-overflow:ellipsis!important;
}
body.is-messenger-conversation .pm-dialog__identity-status i{
  display:none!important;
}
body.is-messenger-conversation .pm-dialog__header-menu{
  position:relative!important;flex:0 0 28px!important;margin-left:auto!important;
}
body.is-messenger-conversation .pm-dialog__header-more{
  display:grid!important;place-items:center!important;width:28px!important;height:36px!important;
  padding:0!important;border:0!important;border-radius:50%!important;
  color:#171c25!important;background:transparent!important;
}
body.is-messenger-conversation .pm-dialog__header-more:hover{
  background:#f1f3f5!important;
}
@media(max-width:640px){
  body.is-messenger-conversation .pm.card.card-body{
    margin:0!important;padding:0!important;border-radius:0!important;min-height:100dvh!important;
  }
  body.is-messenger-conversation .pm-dialog__header--conversation{
    position:sticky!important;top:6px!important;width:calc(100% - 16px)!important;
    min-height:58px!important;margin:6px 8px 0!important;padding:6px 10px!important;gap:9px!important;
  }
  body.is-messenger-conversation .pm-dialog__back{flex-basis:28px!important;width:28px!important}
  body.is-messenger-conversation .pm-dialog__back svg{width:24px!important;height:24px!important}
  body.is-messenger-conversation .pm-dialog__identity{gap:8px!important}
  body.is-messenger-conversation .pm-dialog__identity-avatar{
    width:36px!important;height:36px!important;flex-basis:36px!important;
  }
  body.is-messenger-conversation .pm-dialog__identity-copy strong{font-size:14px!important}
  body.is-messenger-conversation .pm-dialog__identity-status{font-size:11px!important}
}


/* Mobile-only Telegram-inspired conversation bar.
   Keep the normal OgraFi site header untouched on desktop. */
@media(max-width:640px){
  body.is-messenger-conversation > .header,
  body.is-messenger-conversation .header{
    display:none!important;
  }
  body.is-messenger-conversation .pm.card.card-body{
    margin:0!important;padding:0!important;min-height:100dvh!important;
    border-radius:0!important;overflow:visible!important;
  }
  body.is-messenger-conversation .pm-dialog{
    display:flex!important;flex-direction:column!important;gap:0!important;
    min-width:0!important;overflow:visible!important;
  }
  body.is-messenger-conversation .pm-dialog__header--conversation{
    position:sticky!important;top:7px!important;z-index:200!important;
    display:flex!important;align-items:center!important;gap:10px!important;
    width:calc(100% - 20px)!important;min-height:54px!important;
    margin:7px 10px 0!important;padding:5px 11px!important;
    box-sizing:border-box!important;border:0!important;border-radius:999px!important;
    background:#fff!important;box-shadow:0 2px 9px rgba(20,35,55,.13)!important;
  }
  body.is-messenger-conversation .pm-dialog__back{
    display:grid!important;place-items:center!important;flex:0 0 30px!important;
    width:30px!important;height:36px!important;padding:0!important;
    color:#151a22!important;text-decoration:none!important;
  }
  body.is-messenger-conversation .pm-dialog__back svg{
    display:block!important;width:24px!important;height:24px!important;
    fill:none!important;stroke:currentColor!important;stroke-width:2!important;
    stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  body.is-messenger-conversation .pm-dialog__identity{
    display:flex!important;align-items:center!important;gap:9px!important;
    flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;
    border:0!important;background:transparent!important;text-align:left!important;
  }
  body.is-messenger-conversation .pm-dialog__identity-avatar{
    display:block!important;width:38px!important;height:38px!important;
    flex:0 0 38px!important;border-radius:50%!important;object-fit:cover!important;
  }
  body.is-messenger-conversation .pm-dialog__identity-copy{
    display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important;
  }
  body.is-messenger-conversation .pm-dialog__identity-copy strong{
    display:block!important;overflow:hidden!important;color:#171c25!important;
    font-size:14px!important;font-weight:700!important;line-height:1.2!important;
    white-space:nowrap!important;text-overflow:ellipsis!important;
  }
  body.is-messenger-conversation .pm-dialog__identity-status{
    display:block!important;overflow:hidden!important;color:#7b8491!important;
    font-size:11px!important;line-height:1.2!important;
    white-space:nowrap!important;text-overflow:ellipsis!important;
  }
  body.is-messenger-conversation .pm-dialog__identity-status i{display:none!important}
  body.is-messenger-conversation .pm-dialog__header-menu{
    position:relative!important;display:block!important;flex:0 0 24px!important;
    margin:0 0 0 auto!important;
  }
  body.is-messenger-conversation .pm-dialog__header-more{
    display:grid!important;place-items:center!important;width:24px!important;height:38px!important;
    padding:0!important;border:0!important;border-radius:50%!important;
    color:#171c25!important;background:transparent!important;
  }
  body.is-messenger-conversation .pm-dialog__vertical-dots{
    display:block!important;width:19px!important;height:19px!important;
  }
}
/* Desktop: retain the original OgraFi global header and normal conversation header. */
@media(min-width:641px){
  body.is-messenger-conversation .header{display:flex!important}
  body.is-messenger-conversation .pm-dialog__header--conversation{
    position:static!important;top:auto!important;width:100%!important;
    margin:0!important;border-radius:0!important;box-shadow:none!important;
  }
}


/* Mobile-only Telegram-style header: hide OgraFi branding during an active conversation */
@media (max-width: 640px) {
  body.is-messenger-conversation > header.header {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  body.is-messenger-conversation .pm-dialog__header--conversation {
    position: sticky !important;
    top: max(6px, env(safe-area-inset-top)) !important;
    z-index: 999 !important;
    display: flex !important;
    width: calc(100% - 20px) !important;
    min-height: 56px !important;
    margin: 8px 10px 0 !important;
    padding: 5px 12px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: 0 2px 9px rgba(25, 38, 58, .14) !important;
  }
  body.is-messenger-conversation .pm-dialog__back {
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 38px !important;
  }
  body.is-messenger-conversation .pm-dialog__identity-avatar {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }
  body.is-messenger-conversation .pm-dialog__identity-copy strong {
    font-size: 15px !important;
  }
  body.is-messenger-conversation .pm-dialog__identity-status {
    font-size: 12px !important;
  }
  body.is-messenger-conversation .pm-dialog__header-menu {
    flex: 0 0 22px !important;
  }
  body.is-messenger-conversation .pm-dialog__header-more {
    width: 22px !important;
    height: 38px !important;
  }
}


/* Mobile conversation header: flush to the top and wider side-to-side */
@media (max-width: 640px) {
  body.is-messenger-conversation .pm-dialog__header--conversation {
    position: sticky !important;
    top: 0 !important;
    width: calc(100% - 8px) !important;
    min-height: 56px !important;
    margin: 0 4px 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    border-radius: 0 0 999px 999px !important;
  }
}


/* Conversation screen mobile canvas: remove the site's desktop grid/container framing */
@media (max-width: 640px) {
  html:has(body.is-messenger-conversation),
  body.is-messenger-conversation {
    width:100%!important;
    min-width:0!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    background:#f4f6fa!important;
  }
  body.is-messenger-conversation main.container {
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.is-messenger-conversation .main {
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }
  body.is-messenger-conversation .main > .sidebar,
  body.is-messenger-conversation .main > .main__widgets {
    display:none!important;
  }
  body.is-messenger-conversation .main > .feed {
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.is-messenger-conversation .pm.card.card-body {
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.is-messenger-conversation .pm-dialog__header--conversation {
    position:sticky!important;
    top:8px!important;
    width:calc(100% - 16px)!important;
    max-width:none!important;
    min-height:58px!important;
    margin:8px 8px 12px!important;
    padding:6px 12px!important;
    border:0!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:0 2px 10px rgba(20,35,55,.14)!important;
  }
}


/* Keep the Telegram-style conversation bar fixed to the viewport while scrolling */
@media (max-width: 640px) {
  body.is-messenger-conversation .pm-dialog {
    padding-top: 76px !important;
  }
  body.is-messenger-conversation .pm-dialog__header--conversation {
    position: fixed !important;
    top: max(8px, env(safe-area-inset-top)) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    z-index: 1000 !important;
    width: calc(100% - 24px) !important;
    max-width: 560px !important;
    min-height: 58px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}


/* Conversation page layout: copy the original Repost dialog.html container/grid rules.
   Source: Repost/dist/assets/css/kit.css and app.css. Keep this scoped to the conversation page. */
body.is-messenger-conversation main.container {
  width: 100% !important;
  max-width: var(--container) !important;
  margin-inline: auto !important;
  padding-inline: 10px !important;
}
body.is-messenger-conversation .main.main__grid {
  grid-template-columns: 55px minmax(280px, auto) 320px !important;
  grid-gap: var(--main-gap) !important;
}
@media screen and (max-width: 1120px) {
  body.is-messenger-conversation .main.main__grid {
    grid-template-columns: 55px minmax(280px, auto) 290px !important;
  }
}
@media screen and (max-width: 920px) {
  body.is-messenger-conversation .main.main__grid {
    grid-template-columns: 55px minmax(280px, auto) !important;
  }
  body.is-messenger-conversation .main > .main__widgets {
    display: none !important;
  }
}
@media screen and (max-width: 720px) {
  body.is-messenger-conversation .main.main__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.is-messenger-conversation .main > .sidebar {
    display: none !important;
  }
}
/* Fixed message composer on both desktop and mobile */
body.is-messenger-conversation .pm-dialog__composer.pm-composer {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: max(14px, env(safe-area-inset-bottom)) !important;
  transform: translateX(-50%) !important;
  z-index: 950 !important;
  width: min(760px, calc(100vw - 40px)) !important;
  max-width: 760px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.is-messenger-conversation .pm-dialog__composer .pm-composer__bar {
  width: 100% !important;
  box-sizing: border-box !important;
  background: #fff !important;
  box-shadow: 0 3px 18px rgba(25, 40, 65, .13) !important;
}
body.is-messenger-conversation .pm-dialog__messages {
  padding-bottom: 112px !important;
}
body.is-messenger-conversation .pm-dialog__composer .pm-composer__emoji-picker {
  bottom: calc(100% + 10px) !important;
  top: auto !important;
}
@media (max-width: 640px) {
  body.is-messenger-conversation .pm-dialog__composer.pm-composer {
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: calc(100vw - 20px) !important;
    max-width: none !important;
  }
  body.is-messenger-conversation .pm-dialog__messages {
    padding-bottom: 100px !important;
  }
}


/* Desktop composer remains viewport-fixed and uses the full conversation width */
@media (min-width: 641px) {
  body.is-messenger-conversation .pm-dialog__composer.pm-composer {
    width: min(760px, calc(100vw - 500px)) !important;
    max-width: 760px !important;
  }
}


/* Messenger composer spacing and controls */
body.is-messenger-conversation .pm-dialog__composer.pm-composer{width:min(720px,calc(100vw - 64px))!important;max-width:720px!important}
body.is-messenger-conversation .pm-composer__bar{padding:5px 9px!important;gap:10px!important;border:1px solid #e8edf3!important;border-radius:999px!important}
body.is-messenger-conversation .pm-composer__attachment{cursor:pointer!important}
body.is-messenger-conversation .pm-composer__send{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;border:0!important;border-radius:50%!important;background:#2787ed!important;color:#fff!important;cursor:pointer!important}
body.is-messenger-conversation .pm-composer__send svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.is-messenger-conversation .pm-composer__emoji-picker{width:290px!important;padding:12px!important;border:1px solid #e7ebf1!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 28px rgba(20,35,55,.14)!important}
.pm-composer__picker-tabs{display:flex;gap:8px;border-bottom:1px solid #edf0f4;padding-bottom:9px;margin-bottom:9px}
.pm-composer__picker-tabs button{border:0;background:transparent;padding:7px 12px;border-radius:8px;color:#64748b;cursor:pointer}
.pm-composer__picker-tabs button.is-active{background:#edf5ff;color:#1768ed}
.pm-composer__emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.pm-composer__emoji-grid button{border:0;background:transparent;border-radius:8px;padding:7px;font-size:22px;cursor:pointer}
.pm-composer__gif-panel input{width:100%;padding:9px 11px;border:1px solid #e5eaf1;border-radius:9px}
.pm-composer__gif-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:220px;overflow:auto;margin-top:9px}
.pm-composer__gif-item{padding:0;border:0;background:#f3f5f8;border-radius:7px;overflow:hidden;cursor:pointer}
.pm-composer__gif-item img{display:block;width:100%;height:78px;object-fit:cover}
.pm-composer__attachment-preview,.pm-composer__gif-selected{margin:6px 12px 0;padding:6px 12px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:12px}
.pm-composer__gif-selected button{float:right;border:0;background:transparent;cursor:pointer}
.pm-dialog__file{display:inline-flex;align-items:center;gap:8px;margin-top:6px;color:inherit;text-decoration:none}
.pm-dialog__file img,.pm-dialog__gif{display:block;max-width:min(260px,70vw);max-height:260px;border-radius:10px;object-fit:contain}
@media(max-width:640px){body.is-messenger-conversation .pm-dialog__composer.pm-composer{width:calc(100vw - 32px)!important;max-width:none!important}body.is-messenger-conversation .pm-composer__bar{padding:4px 7px!important;gap:8px!important}}


/* Final conversation layout corrections: fixed desktop header and comfortable composer insets. */
@media (min-width: 641px) {
  body.is-messenger-conversation .pm-dialog__header--conversation {
    position: sticky !important;
    top: 10px !important;
    z-index: 1200 !important;
    width: calc(100% - 24px) !important;
    min-height: 68px !important;
    margin: 10px auto 0 !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: 0 2px 10px rgba(20,35,55,.08) !important;
    backdrop-filter: blur(10px) !important;
  }
  body.is-messenger-conversation .pm-dialog__composer.pm-composer {
    width: min(720px, calc(100vw - 64px)) !important;
    max-width: 720px !important;
  }
}
body.is-messenger-conversation .pm-dialog__composer.pm-composer {
  box-sizing: border-box !important;
}
body.is-messenger-conversation .pm-dialog__composer .pm-composer__bar {
  padding: 6px 13px !important;
  gap: 11px !important;
  box-sizing: border-box !important;
}
body.is-messenger-conversation .pm-composer__attachment,
body.is-messenger-conversation .pm-composer__emoji,
body.is-messenger-conversation .pm-composer__send {
  flex: 0 0 auto !important;
}
body.is-messenger-conversation .pm-composer__send {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #2787ed !important;
  color: #fff !important;
  cursor: pointer !important;
}
body.is-messenger-conversation .pm-composer__send svg {
  display: block !important;
  width: 21px !important;
  height: 21px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
@media (max-width: 640px) {
  body.is-messenger-conversation .pm-dialog__composer.pm-composer {
    width: calc(100vw - 32px) !important;
    max-width: none !important;
  }
  body.is-messenger-conversation .pm-dialog__composer .pm-composer__bar {
    padding: 5px 10px !important;
    gap: 9px !important;
  }
}

/* Messenger final polish: sticky conversation header on desktop and mobile. */
body.is-messenger-conversation .pm-dialog,
body.is-messenger-conversation .pm {
  overflow: visible !important;
}
body.is-messenger-conversation .pm-dialog__header--conversation {
  position: sticky !important;
  top: 0 !important;
  z-index: 1200 !important;
  width: calc(100% - 24px) !important;
  min-height: 64px !important;
  margin: 0 auto !important;
  padding: 9px 16px !important;
  box-sizing: border-box !important;
  border: 1px solid #e8edf3 !important;
  border-top: 0 !important;
  border-radius: 0 0 14px 14px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 2px 10px rgba(20,35,55,.07) !important;
  backdrop-filter: blur(10px) !important;
}
body.is-messenger-conversation .pm-dialog__composer.pm-composer {
  width: min(720px, calc(100vw - 48px)) !important;
  max-width: 720px !important;
}
body.is-messenger-conversation .pm-dialog__composer .pm-composer__bar {
  width: 100% !important;
  box-sizing: border-box !important;
}
@media (max-width: 640px) {
  body.is-messenger-conversation .pm-dialog__header--conversation {
    top: 0 !important;
    width: calc(100% - 16px) !important;
    min-height: 56px !important;
    padding: 7px 10px !important;
    border-radius: 0 0 12px 12px !important;
  }
  body.is-messenger-conversation .pm-dialog__composer.pm-composer {
    width: calc(100vw - 32px) !important;
    max-width: none !important;
  }
}


/* Composer correction based on actual conversation layout */
body.is-messenger-conversation .pm-dialog__composer.pm-composer {
  width: min(760px, calc(100vw - 56px)) !important;
  max-width: 760px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.is-messenger-conversation .pm-dialog__composer .pm-composer__bar {
  width: 100% !important;
  min-height: 54px !important;
  padding: 5px 10px !important;
  gap: 10px !important;
}
body.is-messenger-conversation .pm-dialog__composer textarea {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
}
body.is-messenger-conversation .pm-dialog__composer .pm-composer__attachment {
  margin-left: 3px !important;
}
body.is-messenger-conversation .pm-dialog__composer .pm-composer__send {
  margin-right: 3px !important;
}
@media (max-width: 640px) {
  body.is-messenger-conversation .pm-dialog__composer.pm-composer {
    width: calc(100vw - 48px) !important;
    max-width: none !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
  }
  body.is-messenger-conversation .pm-dialog__composer .pm-composer__bar {
    min-height: 52px !important;
    padding: 4px 9px !important;
    gap: 8px !important;
  }
}


/* Messenger page width: final scoped layout lock matching Repost/dist/dialog.html. */
body.is-messenger-conversation main.container {
  width: 100% !important;
  max-width: var(--container, 1120px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box !important;
}
body.is-messenger-conversation main.container > .main.main__grid {
  display: grid !important;
  grid-template-columns: 55px minmax(0, 1fr) 320px !important;
  gap: var(--main-gap, 20px) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: var(--header-offset, 20px) 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.is-messenger-conversation main.container > .main.main__grid > .feed {
  display: flex !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 var(--main-gap, 20px) !important;
  box-sizing: border-box !important;
}
body.is-messenger-conversation .pm.card.card-body {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
@media screen and (max-width: 1120px) {
  body.is-messenger-conversation main.container > .main.main__grid {
    grid-template-columns: 55px minmax(0, 1fr) 290px !important;
  }
}
@media screen and (max-width: 920px) {
  body.is-messenger-conversation main.container > .main.main__grid {
    grid-template-columns: 55px minmax(0, 1fr) !important;
  }
  body.is-messenger-conversation main.container > .main.main__grid > .main__widgets {
    display: none !important;
  }
}
@media screen and (max-width: 720px) {
  body.is-messenger-conversation main.container {
    max-width: var(--container, 1120px) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  body.is-messenger-conversation main.container > .main.main__grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    margin-top: 0 !important;
  }
  body.is-messenger-conversation main.container > .main.main__grid > .sidebar,
  body.is-messenger-conversation main.container > .main.main__grid > .main__widgets {
    display: none !important;
  }
}


/* Conversation messages panel sits clearly below the sticky conversation header. */
body.is-messenger-conversation .pm-dialog__messages {
  position: relative !important;
  margin-top: 14px !important;
  padding: 18px 18px 112px !important;
  border: 1px solid #e8edf3 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}
@media (max-width: 640px) {
  body.is-messenger-conversation .pm-dialog__messages {
    margin: 12px 8px 0 !important;
    padding: 14px 12px 100px !important;
    border-radius: 12px !important;
  }
}


/* Composer attachment and emoji popovers: anchored inside the message bar. */
body.is-messenger-conversation .pm-dialog__composer .pm-composer__bar {
  position: relative !important;
  overflow: visible !important;
}
body.is-messenger-conversation .pm-composer__attachment-wrap,
body.is-messenger-conversation .pm-composer__emoji-wrap {
  position: relative !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
}
body.is-messenger-conversation .pm-composer__attachment,
body.is-messenger-conversation .pm-composer__emoji {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #64748b !important;
  cursor: pointer !important;
}
body.is-messenger-conversation .pm-composer__attachment:hover,
body.is-messenger-conversation .pm-composer__emoji:hover {
  background: #f1f5f9 !important;
  color: #1768ed !important;
}
body.is-messenger-conversation .pm-composer__attachment svg,
body.is-messenger-conversation .pm-composer__emoji svg {
  display: block !important;
  width: 21px !important;
  height: 21px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body.is-messenger-conversation .pm-composer__attachment-menu,
body.is-messenger-conversation .pm-composer__emoji-picker {
  position: absolute !important;
  z-index: 3000 !important;
  bottom: calc(100% + 12px) !important;
  top: auto !important;
  left: 0 !important;
  right: auto !important;
  width: 250px !important;
  max-width: min(250px, calc(100vw - 32px)) !important;
  margin: 0 !important;
  padding: 7px !important;
  border: 1px solid var(--gray-200, #e5e7eb) !important;
  border-radius: 12px !important;
  background: var(--color-surface-overlay, #fff) !important;
  color: var(--color-dark, #1f2937) !important;
  box-shadow: 0 8px 26px rgb(15 23 42 / 14%) !important;
  text-align: left !important;
}
body.is-messenger-conversation .pm-composer__emoji-picker {
  left: auto !important;
  right: 0 !important;
  width: 286px !important;
  max-width: min(286px, calc(100vw - 32px)) !important;
  padding: 12px !important;
}
body.is-messenger-conversation .pm-composer__attachment-menu[hidden],
body.is-messenger-conversation .pm-composer__emoji-picker[hidden],
body.is-messenger-conversation .pm-composer__gif-panel[hidden],
body.is-messenger-conversation .pm-composer__emoji-grid[hidden] {
  display: none !important;
}
body.is-messenger-conversation .pm-composer__attachment-menu:not([hidden]),
body.is-messenger-conversation .pm-composer__emoji-picker:not([hidden]) {
  display: block !important;
}
body.is-messenger-conversation .pm-composer__attachment-menu > button {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 9px 11px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-align: left !important;
  cursor: pointer !important;
}
body.is-messenger-conversation .pm-composer__attachment-menu > button:hover {
  background: var(--gray-100, #f3f4f6) !important;
  color: var(--color-primary, #1768ed) !important;
}
body.is-messenger-conversation .pm-composer__attachment-menu > button svg {
  display: block !important;
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body.is-messenger-conversation .pm-composer__picker-tabs {
  display: flex !important;
  gap: 5px !important;
  margin: 0 0 10px !important;
  padding: 0 0 9px !important;
  border-bottom: 1px solid var(--gray-200, #e5e7eb) !important;
}
body.is-messenger-conversation .pm-composer__picker-tabs button {
  min-height: 32px !important;
  padding: 6px 12px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: var(--color-gray, #64748b) !important;
  font: inherit !important;
  font-size: 12px !important;
  cursor: pointer !important;
}
body.is-messenger-conversation .pm-composer__picker-tabs button.is-active {
  background: var(--blue-100, #eff6ff) !important;
  color: var(--color-primary, #1768ed) !important;
}
body.is-messenger-conversation .pm-composer__emoji-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 3px !important;
}
body.is-messenger-conversation .pm-composer__emoji-grid button {
  display: grid !important;
  place-items: center !important;
  min-width: 0 !important;
  aspect-ratio: 1 !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  font-size: 21px !important;
  cursor: pointer !important;
}
body.is-messenger-conversation .pm-composer__emoji-grid button:hover {
  background: var(--gray-100, #f3f4f6) !important;
}
body.is-messenger-conversation .pm-composer__gif-panel input {
  width: 100% !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--gray-300, #d1d5db) !important;
  border-radius: 8px !important;
  background: #fff !important;
  font: inherit !important;
  font-size: 13px !important;
}
body.is-messenger-conversation .pm-composer__gif-results {
  max-height: 210px !important;
  overflow-y: auto !important;
}
@media (max-width: 640px) {
  body.is-messenger-conversation .pm-composer__attachment-menu {
    left: 0 !important;
    right: auto !important;
    max-width: calc(100vw - 36px) !important;
  }
  body.is-messenger-conversation .pm-composer__emoji-picker {
    right: -48px !important;
    max-width: calc(100vw - 36px) !important;
  }
}


/* Final repair: keep attachment and emoji popovers compact and anchored to their own controls. */
body.is-messenger-conversation .pm-composer__bar {
  display:flex!important;align-items:center!important;position:relative!important;
  min-width:0!important;overflow:visible!important;
}
body.is-messenger-conversation .pm-composer__attachment-wrap,
body.is-messenger-conversation .pm-composer__emoji-wrap {
  position:relative!important;display:flex!important;align-items:center!important;
  flex:0 0 38px!important;width:38px!important;min-width:38px!important;
}
body.is-messenger-conversation .pm-composer__attachment-menu {
  position:absolute!important;display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:flex-start!important;
  left:0!important;right:auto!important;bottom:calc(100% + 10px)!important;top:auto!important;
  width:220px!important;min-width:220px!important;max-width:calc(100vw - 32px)!important;
  height:auto!important;min-height:0!important;max-height:260px!important;
  padding:6px!important;margin:0!important;gap:2px!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  border:1px solid #e5e7eb!important;border-radius:12px!important;
  background:#fff!important;box-shadow:0 8px 24px rgba(15,23,42,.14)!important;
  transform:none!important;white-space:normal!important;
}
body.is-messenger-conversation .pm-composer__attachment-menu[hidden],
body.is-messenger-conversation .pm-composer__emoji-picker[hidden],
body.is-messenger-conversation .pm-composer__gif-panel[hidden],
body.is-messenger-conversation .pm-composer__emoji-grid[hidden] {display:none!important}
body.is-messenger-conversation .pm-composer__attachment-menu:not([hidden]) {display:flex!important}
body.is-messenger-conversation .pm-composer__attachment-menu > button {
  all:unset!important;box-sizing:border-box!important;display:flex!important;
  flex:0 0 auto!important;align-items:center!important;gap:11px!important;
  width:100%!important;min-height:42px!important;height:42px!important;
  padding:0 10px!important;border-radius:8px!important;
  color:#252b35!important;background:transparent!important;
  font-family:inherit!important;font-size:13px!important;font-weight:500!important;
  line-height:1.3!important;text-align:left!important;cursor:pointer!important;
}
body.is-messenger-conversation .pm-composer__attachment-menu > button:hover {background:#f3f6fa!important}
body.is-messenger-conversation .pm-composer__attachment-menu > button svg {
  display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
}
body.is-messenger-conversation .pm-composer__emoji-picker {
  position:absolute!important;display:block!important;left:auto!important;right:0!important;
  bottom:calc(100% + 10px)!important;top:auto!important;
  width:280px!important;max-width:calc(100vw - 32px)!important;
  height:auto!important;min-height:0!important;max-height:320px!important;
  overflow:auto!important;padding:10px!important;margin:0!important;
  border:1px solid #e5e7eb!important;border-radius:12px!important;
  background:#fff!important;box-shadow:0 8px 24px rgba(15,23,42,.14)!important;
  transform:none!important;
}
body.is-messenger-conversation .pm-composer__emoji-picker:not([hidden]) {display:block!important}
body.is-messenger-conversation .pm-composer__picker-tabs {display:flex!important;grid-template-columns:none!important}
body.is-messenger-conversation .pm-composer__emoji-grid {
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:4px!important;width:100%!important;height:auto!important;
}
body.is-messenger-conversation .pm-composer__emoji-grid button {
  display:grid!important;place-items:center!important;width:100%!important;height:36px!important;
  min-height:36px!important;aspect-ratio:auto!important;padding:0!important;
  border:0!important;border-radius:7px!important;background:transparent!important;
  font-size:21px!important;line-height:1!important;
}
body.is-messenger-conversation .pm-composer__emoji-grid button:hover {background:#f1f5f9!important}
body.is-messenger-conversation #dialog-message::placeholder {color:transparent!important}
@media(max-width:640px) {
  body.is-messenger-conversation .pm-composer__attachment-menu {width:210px!important;min-width:210px!important}
  body.is-messenger-conversation .pm-composer__emoji-picker {right:-44px!important}
}


/* Repair composer input visibility and keep popovers constrained to the bar controls. */
body.is-messenger-conversation .pm-dialog__composer .pm-composer__bar {
  display:flex!important;align-items:center!important;gap:10px!important;
  min-height:54px!important;overflow:visible!important;
}
body.is-messenger-conversation .pm-dialog__composer #dialog-message {
  display:block!important;visibility:visible!important;opacity:1!important;
  position:static!important;flex:1 1 0%!important;
  width:1px!important;min-width:0!important;max-width:none!important;
  height:38px!important;min-height:38px!important;max-height:112px!important;
  margin:0!important;padding:8px 2px!important;
  color:#263344!important;-webkit-text-fill-color:#263344!important;
  background:transparent!important;border:0!important;outline:0!important;
  font:inherit!important;font-size:15px!important;line-height:21px!important;
  box-shadow:none!important;resize:none!important;
}
body.is-messenger-conversation .pm-dialog__composer #dialog-message::placeholder {
  color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;opacity:1!important;
}
body.is-messenger-conversation .pm-composer__attachment-menu:not([hidden]) {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  width:220px!important;height:auto!important;min-height:0!important;max-height:240px!important;
  overflow-y:auto!important;transform:none!important;
}
body.is-messenger-conversation .pm-composer__attachment-menu:not([hidden]) > button {
  display:flex!important;flex:0 0 42px!important;width:100%!important;height:42px!important;
  min-height:42px!important;max-height:42px!important;box-sizing:border-box!important;
}
body.is-messenger-conversation .pm-composer__emoji-picker:not([hidden]) {
  display:block!important;width:280px!important;height:auto!important;min-height:0!important;
  max-height:300px!important;overflow:auto!important;transform:none!important;
}
body.is-messenger-conversation .pm-composer__emoji-grid {
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  width:100%!important;height:auto!important;min-height:0!important;
}
@media(max-width:640px) {
  body.is-messenger-conversation .pm-dialog__composer #dialog-message {
    height:36px!important;min-height:36px!important;font-size:14px!important;
  }
}


/* Final layout fix: composer belongs to the conversation column, not the viewport. */
body.is-messenger-conversation .pm-dialog {
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  width:100%!important;
  overflow:visible!important;
}
body.is-messenger-conversation .pm-dialog__composer.pm-composer {
  position:sticky!important;
  left:auto!important;
  right:auto!important;
  bottom:12px!important;
  transform:none!important;
  z-index:950!important;
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:14px 0 0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body.is-messenger-conversation .pm-dialog__composer .pm-composer__bar {
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:54px!important;
  box-sizing:border-box!important;
}
body.is-messenger-conversation .pm-dialog__composer #dialog-message {
  display:block!important;
  flex:1 1 0%!important;
  width:1px!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  visibility:visible!important;
  opacity:1!important;
}
body.is-messenger-conversation .pm-dialog__messages {
  flex:1 1 auto!important;
  min-width:0!important;
  padding-bottom:18px!important;
}
@media(max-width:640px) {
  body.is-messenger-conversation .pm-dialog__composer.pm-composer {
    position:sticky!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:10px!important;
  }
}


/* Messenger conversation: keep the composer visible while only the message history scrolls.
   Scoped to this page; does not alter the site's grid or column widths. */
body.is-messenger-conversation .pm-dialog {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: min(600px, calc(100dvh - var(--header-height, 56px) - 32px)) !important;
  min-height: 420px !important;
  margin-top: 0 !important;
  overflow: visible !important;
}
body.is-messenger-conversation .pm-dialog__header--conversation {
  position: sticky !important;
  top: calc(var(--header-height, 56px) + 8px) !important;
  z-index: 120 !important;
  width: 100% !important;
  min-height: 62px !important;
  margin: 0 0 14px !important;
  padding: 9px 14px !important;
  box-sizing: border-box !important;
  border: 1px solid #e8edf3 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 4px 16px rgb(25 40 65 / 6%) !important;
}
body.is-messenger-conversation .pm-dialog__messages {
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;
  gap: 18px !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  margin: 0 !important;
  padding: 22px 20px 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
body.is-messenger-conversation .pm-dialog__composer.pm-composer {
  position: sticky !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: 0 !important;
  transform: none !important;
  z-index: 10 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.is-messenger-conversation .pm-dialog__composer .pm-composer__bar {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 6px 10px !important;
  gap: 10px !important;
  border: 1px solid #e5eaf1 !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 4px 18px rgb(25 40 65 / 8%) !important;
  box-sizing: border-box !important;
}
body.is-messenger-conversation .pm-dialog__composer #dialog-message {
  display: block !important;
  position: static !important;
  flex: 1 1 0 !important;
  width: 1px !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 8px 2px !important;
  color: #263344 !important;
  -webkit-text-fill-color: #263344 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  resize: none !important;
  font: inherit !important;
  line-height: 21px !important;
}
body.is-messenger-conversation .pm-dialog__composer .pm-composer__attachment,
body.is-messenger-conversation .pm-dialog__composer .pm-composer__emoji,
body.is-messenger-conversation .pm-dialog__composer .pm-composer__send {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 50% !important;
}
body.is-messenger-conversation .pm-dialog__composer .pm-composer__send {
  display: grid !important;
  place-items: center !important;
  background: #1768ed !important;
  color: #fff !important;
}
body.is-messenger-conversation .pm-dialog__composer .pm-composer__send svg {
  width: 20px !important;
  height: 20px !important;
}
@media (max-width: 640px) {
  body.is-messenger-conversation .pm-dialog__header--conversation {
    top: var(--header-height, 54px) !important;
    width: 100% !important;
    min-height: 56px !important;
    margin: 0 0 10px !important;
    border-radius: 0 0 12px 12px !important;
  }
  body.is-messenger-conversation .pm-dialog {
    height: calc(100dvh - var(--header-height, 54px) - env(safe-area-inset-bottom) - 12px) !important;
    min-height: 0 !important;
  }
  body.is-messenger-conversation .pm-dialog__messages {
    min-height: 0 !important;
    padding: 16px 12px 20px !important;
  }
  body.is-messenger-conversation .pm-dialog__composer.pm-composer {
    position: sticky !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    margin-top: 10px !important;
  }
  body.is-messenger-conversation .pm-dialog__composer .pm-composer__bar {
    min-height: 52px !important;
    padding: 5px 7px !important;
    gap: 6px !important;
  }
  body.is-messenger-conversation .pm-dialog__composer .pm-composer__attachment,
  body.is-messenger-conversation .pm-dialog__composer .pm-composer__emoji,
  body.is-messenger-conversation .pm-dialog__composer .pm-composer__send {
    flex-basis: 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }
}


/* Keep the complete desktop conversation panel at a stable height while the page scrolls.
   The message list scrolls internally; the site grid and column widths remain unchanged. */
@media (min-width: 641px) {
  body.is-messenger-conversation .pm.card.card-body {
    position: sticky !important;
    top: calc(var(--header-height, 56px) + 14px) !important;
    align-self: start !important;
    height: min(600px, calc(100dvh - var(--header-height, 56px) - 28px)) !important;
    min-height: 420px !important;
    max-height: calc(100dvh - var(--header-height, 56px) - 28px) !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
  }
  body.is-messenger-conversation .pm-dialog {
    height: 100% !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
  }
  body.is-messenger-conversation .pm-dialog__header--conversation {
    position: relative !important;
    top: auto !important;
    flex: 0 0 auto !important;
  }
  body.is-messenger-conversation .pm-dialog__messages {
    flex: 1 1 0 !important;
    min-height: 0 !important;
  }
  body.is-messenger-conversation .pm-dialog__composer.pm-composer {
    position: relative !important;
    bottom: auto !important;
    flex: 0 0 auto !important;
  }
}



/* Messenger page: inherit the exact Repost site shell and grid.
   Width, max-width, grid columns and gaps come only from the original
   .container and .main__grid rules in kit.css/app.css. This block controls
   only viewport height and the inner conversation scrolling behavior. */
@media (min-width: 641px) {
  html:has(body.is-messenger-conversation),
  body.is-messenger-conversation {
    height: 100dvh !important;
    overflow: hidden !important;
  }
  body.is-messenger-conversation main.container {
    height: calc(100dvh - var(--header-height)) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  body.is-messenger-conversation main.container > .main.main__grid {
    height: calc(100% - var(--header-offset)) !important;
    min-height: 0 !important;
    grid-template-rows: minmax(0, 1fr) !important;
    align-items: stretch !important;
  }
  body.is-messenger-conversation main.container > .main.main__grid > .sidebar,
  body.is-messenger-conversation main.container > .main.main__grid > .main__widgets {
    position: sticky !important;
    top: calc(var(--header-height) + var(--header-offset)) !important;
    align-self: start !important;
  }
  body.is-messenger-conversation main.container > .main.main__grid > .feed {
    height: 100% !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }
  body.is-messenger-conversation .pm.card.card-body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }
  body.is-messenger-conversation .pm-dialog {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
  }
  body.is-messenger-conversation .pm-dialog__header--conversation {
    position: relative !important;
    top: auto !important;
    flex: 0 0 auto !important;
  }
  body.is-messenger-conversation .pm-dialog__messages {
    display: flex !important;
    flex: 1 1 0% !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }
  body.is-messenger-conversation .pm-dialog__composer.pm-composer {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 !important;
  }
}


/* Mobile messenger layout: keep the site shell fixed and scroll only the message history.
   This is intentionally scoped to the conversation page and does not set any grid widths. */
@media (max-width: 720px) {
  html:has(body.is-messenger-conversation),
  body.is-messenger-conversation {
    width: 100%;
    height: 100%;
    min-height: 100dvh !important;
    overflow: hidden !important;
    overscroll-behavior: none;
  }

  body.is-messenger-conversation {
    display: flex;
    flex-direction: column;
  }

  body.is-messenger-conversation main.container {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: calc(100dvh - var(--header-height, 56px)) !important;
    overflow: hidden !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }

  body.is-messenger-conversation main.container > .main.main__grid {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) !important;
    min-height: 0 !important;
    height: 100% !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  body.is-messenger-conversation main.container > .main.main__grid > .sidebar,
  body.is-messenger-conversation main.container > .main.main__grid > .main__widgets {
    display: none !important;
  }

  body.is-messenger-conversation main.container > .main.main__grid > .feed {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 0 env(safe-area-inset-bottom, 0px) !important;
    overflow: hidden !important;
  }

  body.is-messenger-conversation .pm.card.card-body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.is-messenger-conversation .pm-dialog {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.is-messenger-conversation .pm-dialog__header--conversation {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 56px !important;
    margin: 0 0 6px !important;
    padding: 8px 12px !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
  }

  body.is-messenger-conversation .pm-dialog__messages {
    display: flex !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 14px 10px 18px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    scrollbar-width: thin;
  }

  body.is-messenger-conversation .pm-dialog__message-main {
    max-width: min(82%, 420px) !important;
  }

  body.is-messenger-conversation .pm-dialog__meta {
    flex-wrap: wrap !important;
    row-gap: 2px !important;
    font-size: 11px !important;
  }

  body.is-messenger-conversation .pm-dialog__bubble {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    font-size: 14px !important;
  }

  body.is-messenger-conversation .pm-dialog__composer.pm-composer {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 0 0 max(6px, env(safe-area-inset-bottom, 0px)) !important;
    z-index: 20 !important;
  }

  body.is-messenger-conversation .pm-dialog__composer .pm-composer__bar {
    min-height: 54px !important;
    padding: 5px 7px !important;
    gap: 6px !important;
  }

  body.is-messenger-conversation .pm-dialog__composer #dialog-message {
    min-height: 38px !important;
    max-height: 104px !important;
    font-size: 16px !important;
  }

  body.is-messenger-conversation .pm-dialog__composer .pm-composer__attachment,
  body.is-messenger-conversation .pm-dialog__composer .pm-composer__emoji,
  body.is-messenger-conversation .pm-dialog__composer .pm-composer__send {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  body.is-messenger-conversation .pm-composer__attachment-menu:not([hidden]) {
    left: 0 !important;
    right: auto !important;
    bottom: calc(100% + 8px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  body.is-messenger-conversation .pm-composer__emoji-picker:not([hidden]) {
    right: 0 !important;
    bottom: calc(100% + 8px) !important;
    width: min(280px, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
  }

  body.is-messenger-conversation .pm-dialog__messages + nav,
  body.is-messenger-conversation .pm-dialog__messages + .pagination {
    display: none !important;
  }
}

@media (max-width: 380px) {
  body.is-messenger-conversation .pm-dialog__header--conversation {
    padding-inline: 9px !important;
  }
  body.is-messenger-conversation .pm-dialog__messages {
    padding-inline: 8px !important;
  }
  body.is-messenger-conversation .pm-dialog__avatar {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
  }
}


/* Final mobile screenshot correction: restore the full conversation header
   and prevent the global bottom navigation from covering the composer. */
@media (max-width: 720px) {
  body.is-messenger-conversation .pm-dialog__header--conversation {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 0 8px !important;
    border-radius: 14px !important;
  }

  body.is-messenger-conversation .pm-dialog__header--conversation .pm-dialog__identity {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.is-messenger-conversation .pm-dialog__header--conversation .pm-dialog__identity-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.is-messenger-conversation .pm-dialog__header-menu {
    flex: 0 0 30px !important;
    margin-left: auto !important;
  }

  body.is-messenger-conversation .mobmenu {
    display: none !important;
  }

  body.is-messenger-conversation .pm-dialog__composer.pm-composer {
    margin-bottom: 0 !important;
    padding-bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
  }
}


/* Mobile conversation header: escape the clipped flex parent and span the viewport. */
@media (max-width: 720px) {
  body.is-messenger-conversation .pm-dialog__header--conversation {
    position: fixed !important;
    top: max(8px, env(safe-area-inset-top)) !important;
    left: 8px !important;
    right: 8px !important;
    transform: none !important;
    display: flex !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    z-index: 5000 !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(20,35,55,.08) !important;
  }

  body.is-messenger-conversation .pm-dialog__header--conversation .pm-dialog__back {
    flex: 0 0 34px !important;
    width: 34px !important;
  }

  body.is-messenger-conversation .pm-dialog__header--conversation .pm-dialog__identity {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  body.is-messenger-conversation .pm-dialog__header--conversation .pm-dialog__header-menu {
    flex: 0 0 30px !important;
    width: 30px !important;
    margin-left: auto !important;
  }

  body.is-messenger-conversation .pm-dialog__messages {
    padding-top: 76px !important;
  }
}


/* Desktop conversation header: lift it slightly without changing any layout widths. */
@media (min-width: 721px) {
  body.is-messenger-conversation .pm-dialog__header--conversation {
    margin-top: -8px !important;
  }
}


/* OgraFi external RSS reader */
.rss-reader{display:grid;gap:14px}
.rss-reader .hero{margin-bottom:2px}
.rss-reader .hero p{margin:5px 0 0}
.rss-reader-sources{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px}
.rss-reader-sources a{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid var(--border-color,#e5e7eb);border-radius:999px;background:var(--card-bg,#fff);color:var(--text-color,#475569);font-size:12px;text-decoration:none}
.rss-reader-sources a.is-active{border-color:#bfdbfe;background:#eff6ff;color:#2563eb;font-weight:650}
.rss-reader-item{overflow:hidden}
.rss-reader-item .card-body{padding:18px 20px}
.rss-reader-image{display:block;max-height:300px;overflow:hidden;background:#f1f5f9}
.rss-reader-image img{display:block;width:100%;max-height:300px;object-fit:cover}
.rss-reader-meta{display:flex;flex-wrap:wrap;gap:5px;color:var(--muted-color,#64748b);font-size:11px}
.rss-reader-title{margin:8px 0;font-weight:700;line-height:1.4}
.rss-reader-title a{color:inherit;text-decoration:none}
.rss-reader-title a:hover{color:#2563eb}
.rss-reader-summary{margin:0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.rss-reader-open{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:12px;font-weight:650}
@media(max-width:640px){.rss-reader-item .card-body{padding:15px}.rss-reader-image,.rss-reader-image img{max-height:220px}}


/* Right rail: sticky on desktop without creating a nested scrollbar. */
@media screen and (min-width: 921px) {
  html body main.container > .main.main__grid > aside.main__widgets {
    position: sticky !important;
    top: calc(var(--header-height, 70px) + var(--header-offset, 0px) + 12px) !important;
    align-self: start !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }
}

/* Match the original Repost ZIP mobile behavior: the right rail is removed from the feed entirely. */
@media screen and (max-width: 920px) {
  html body main.container > .main.main__grid > aside.main__widgets {
    display: none !important;
    visibility: hidden !important;
    position: static !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }
}


/* Post share dropdown */
.post-share-dropdown {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}
.post-share-dropdown > .post-share-menu {
    --dropdown-width: 210px;
    --dropdown-menu-padding: 7px;
    --dropdown-menu-radius: 16px;
    --dropdown-menu-shadow: 0 12px 32px rgba(15, 23, 42, .14);
    --dropdown-menu-bg: #fff;
    --dropdown-menu-border-color: #e8edf4;
    --dropdown-item-color: #303846;
    --dropdown-item-bg: transparent;
    --dropdown-item-font-size: 13px;
    --dropdown-item-min-height: 36px;
    --dropdown-item-radius: 10px;
    --dropdown-item-gap: 10px;
    --dropdown-item-padding-x: 10px;
}
.post-share-dropdown > .post-share-menu .dropdown-menu-item > :is(a, button) {
    color: #303846;
    background: transparent;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
}
.post-share-dropdown > .post-share-menu .dropdown-menu-item > :is(a, button):hover {
    color: #1769ff;
    background: #f3f6fb;
}
.post-share-dropdown > .post-share-menu svg {
    color: #64748b;
}


/* Simple post composer — keep the form in the existing feed column. */
.post-create-simple { display: block; min-width: 0; }
.post-create-simple__author { display:flex; align-items:center; gap:10px; margin-bottom:18px; }
.post-create-simple__author img { width:38px; height:38px; border-radius:50%; object-fit:cover; }
.post-create-simple__title { width:100%; border:0; outline:0; padding:8px 0; font-size:1.45rem; font-weight:700; color:var(--title-color); background:transparent; }
.post-create-simple__excerpt { width:100%; min-height:58px; margin:8px 0 14px; padding:10px 0; border:0; border-bottom:1px solid var(--border-color); resize:vertical; background:transparent; }
.post-create-simple__editor { min-height:220px; border:0; border-bottom:1px solid var(--border-color); border-radius:0; padding:14px 0; }
.post-create-simple__media { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:16px 0; border-bottom:1px solid var(--border-color); }
.post-create-simple__media > input[type=file] { max-width:100%; font-size:12px; }
.post-create-simple__file { display:inline-flex; align-items:center; gap:6px; color:var(--text-color); font-size:13px; font-weight:600; cursor:pointer; }
.post-create-simple__file .icon { color:var(--color-primary,#1769ff); }
.post-create-simple__existing-media { display:flex; flex-wrap:wrap; gap:10px; width:100%; }
.post-create-simple__existing-media img { display:block; width:76px; height:60px; object-fit:cover; border-radius:7px; }
.post-create-simple__options { padding:14px 0; border-bottom:1px solid var(--border-color); }
.post-create-simple__options summary { cursor:pointer; font-weight:600; }
.post-create-simple__options label:not(.post-create-simple__adult) { display:block; margin-top:14px; font-size:13px; }
.post-create-simple__options select,.post-create-simple__options > input,.post-create-simple__options textarea { width:100%; margin-top:6px; }
.post-create-simple__options textarea { min-height:76px; resize:vertical; }
.post-create-simple__adult { display:flex; align-items:center; gap:8px; margin-top:14px; }
.post-create-simple__footer { display:flex; align-items:center; justify-content:flex-end; gap:16px; padding-top:16px; }
.post-create-simple__footer > a { color:var(--color-gray); }
@media(max-width:600px) {
 .post-create-simple .addpost__form { padding:16px; }
 .post-create-simple__media { align-items:flex-start; flex-direction:column; }
 .post-create-simple__footer { position:sticky; bottom:0; background:var(--white-900,#fff); padding:12px 0 calc(12px + env(safe-area-inset-bottom)); }
 .post-create-simple__footer .btn { min-width:112px; }
}


.post-create-simple__seo-label { display:block; margin:0 0 5px; color:var(--color-gray); font-size:12px; font-weight:600; }
.post-create-simple__seo { display:block; width:100%; min-height:64px; margin:0 0 14px; padding:10px 12px; border:1px solid var(--border-color); border-radius:10px; background:var(--white-900); color:var(--text-color); resize:vertical; }


/* Complete post composer controls: restore the clean Repost editor styling. */
.post-create-simple .addpost__form {
    display: block;
    min-width: 0;
    padding: 22px;
}
.post-create-simple__title,
.post-create-simple__excerpt,
.post-create-simple__seo,
.post-create-simple__media input[type="url"],
.post-create-simple__options select,
.post-create-simple__options > input:not([type="checkbox"]),
.post-create-simple__options textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font: inherit;
    color: var(--text-color);
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color);
    border-radius: 11px;
    box-shadow: 0 2px 5px rgb(15 23 42 / 5%);
}
.post-create-simple__title {
    min-height: 48px;
    padding: 10px 14px;
    margin: 0 0 10px;
    font-size: 1.35rem;
    line-height: 1.35;
    font-weight: 700;
    color: var(--title-color);
}
.post-create-simple__excerpt {
    min-height: 96px;
    padding: 12px 14px;
    margin: 0 0 14px;
    line-height: 1.55;
    resize: vertical;
}
.post-create-simple__seo {
    min-height: 76px;
    margin: 0 0 16px;
    padding: 11px 13px;
    line-height: 1.5;
}
.post-create-simple__title:focus,
.post-create-simple__excerpt:focus,
.post-create-simple__seo:focus,
.post-create-simple__media input[type="url"]:focus,
.post-create-simple__options select:focus,
.post-create-simple__options > input:focus,
.post-create-simple__options textarea:focus {
    outline: none;
    border-color: var(--color-primary, #1769ff);
    box-shadow: 0 0 0 3px rgb(23 105 255 / 9%);
}
.post-create-simple__editor {
    min-height: 300px;
    padding: 18px 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--border-color);
    background: transparent;
}
.post-create-simple__editor .codex-editor,
.post-create-simple__editor .codex-editor__redactor {
    min-height: 260px;
}
.post-create-simple__editor .ce-block__content,
.post-create-simple__editor .ce-toolbar__content {
    max-width: 100%;
}
.post-create-simple__editor .ce-paragraph {
    min-height: 1.5em;
    line-height: 1.7;
}
.post-create-simple__editor [contenteditable="true"]:empty::before {
    color: var(--color-gray);
}
.post-create-simple__media {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 12px 16px;
    padding: 16px 0;
}
.post-create-simple__media > input[type="file"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.post-create-simple__file {
    min-height: 42px;
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 13px;
    border: 1px solid var(--border-color);
    border-radius: 9px;
    background: var(--card-bg, #fff);
    color: var(--text-color);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}
.post-create-simple__file:hover {
    background: var(--gray-100, #f5f7fa);
    border-color: var(--color-primary, #1769ff);
}
.post-create-simple__file .icon {
    flex: 0 0 auto;
    color: var(--color-primary, #1769ff);
}
.post-create-simple__media input[type="url"] {
    grid-column: 1 / -1;
    min-height: 44px;
    padding: 10px 13px;
}
.post-create-simple__media > label[for="post-video-url"] {
    margin-bottom: -8px;
}
.post-create-simple__media > input[data-post-cover-input] + .post-composer-cover-preview,
.post-create-simple__media > input[data-post-gallery-input] + .post-composer-file-list {
    grid-column: 1 / -1;
    width: 100%;
}
.post-create-simple__media > input[data-post-video-file] {
    grid-column: 1 / -1;
}
.post-create-simple__options {
    padding: 15px 0;
}
.post-create-simple__options summary {
    padding: 3px 0;
}
.post-create-simple__options select,
.post-create-simple__options > input:not([type="checkbox"]),
.post-create-simple__options textarea {
    min-height: 44px;
    padding: 10px 13px;
}
.post-create-simple__options label:not(.post-create-simple__adult) {
    margin: 14px 0 6px;
}
.post-create-simple__options textarea {
    min-height: 76px;
}
.post-create-simple__footer {
    margin-top: 0;
}
@media (max-width: 600px) {
    .post-create-simple .addpost__form {
        padding: 16px;
    }
    .post-create-simple__media {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 9px;
    }
    .post-create-simple__file {
        width: fit-content;
    }
    .post-create-simple__media input[type="url"] {
        grid-column: 1;
    }
    .post-create-simple__media > label[for="post-video-url"] {
        margin-bottom: 0;
    }
    .post-create-simple__editor {
        min-height: 240px;
    }
}


/* Editor.js — visible, usable block editor (Repost theme-compatible). */
.post-create-simple__writing {
    margin: 18px 0 0;
    border: 1px solid var(--border-color, #e5eaf1);
    border-radius: 14px;
    background: var(--card-bg, #fff);
    overflow: visible;
}
.post-create-simple__writing-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:15px 16px 12px;
    border-bottom:1px solid var(--border-color, #e5eaf1);
}
.post-create-simple__writing-head > div {
    display:flex;
    flex-direction:column;
    gap:3px;
}
.post-create-simple__writing-head strong {
    color:var(--title-color);
    font-size:14px;
    font-weight:700;
}
.post-create-simple__writing-head span {
    color:var(--color-gray);
    font-size:12px;
}
.post-create-simple__editor-status {
    flex:0 0 auto;
    padding:5px 8px;
    border-radius:20px;
    background:#eff6ff;
    color:#2563eb !important;
    font-size:11px !important;
    font-weight:600;
}
.post-create-simple__editor-toolbar {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    padding:10px 14px;
    border-bottom:1px solid var(--border-color, #e5eaf1);
    background:#f8fafc;
}
.post-create-simple__editor-toolbar button {
    min-height:32px;
    padding:6px 10px;
    border:1px solid #e2e8f0;
    border-radius:8px;
    background:#fff;
    color:#475569;
    font-family:inherit;
    font-size:12px;
    font-weight:600;
    line-height:1.2;
    cursor:pointer;
}
.post-create-simple__editor-toolbar button:hover,
.post-create-simple__editor-toolbar button:focus-visible {
    border-color:#93c5fd;
    background:#eff6ff;
    color:#1769ff;
    outline:none;
}
.post-create-simple__editor {
    min-height:190px;
    padding:18px 18px 12px;
    border:0;
    background:transparent;
}
.post-create-simple__editor .codex-editor {
    width:100%;
}
.post-create-simple__editor .codex-editor__redactor {
    min-height:155px;
    padding-bottom:24px !important;
}
.post-create-simple__editor .ce-block {
    max-width:100%;
}
.post-create-simple__editor .ce-block__content,
.post-create-simple__editor .ce-toolbar__content {
    max-width:100%;
    margin-right:0;
    margin-left:0;
}
.post-create-simple__editor .ce-paragraph {
    min-height:1.6em;
    color:var(--text-color, #334155);
    font-size:15px;
    line-height:1.75;
}
.post-create-simple__editor .ce-paragraph[data-placeholder]:empty::before,
.post-create-simple__editor .ce-paragraph:empty::before {
    color:#94a3b8;
    font-weight:400;
    opacity:1;
}
.post-create-simple__editor .ce-header {
    padding:5px 0;
    color:var(--title-color, #111827);
    font-weight:700;
    line-height:1.35;
}
.post-create-simple__editor .ce-toolbar {
    left:-42px;
}
.post-create-simple__editor .ce-toolbar__plus,
.post-create-simple__editor .ce-toolbar__settings-btn {
    width:30px;
    height:30px;
    border-radius:8px;
    color:#64748b;
    background:#f1f5f9;
}
.post-create-simple__editor .ce-toolbar__plus:hover,
.post-create-simple__editor .ce-toolbar__settings-btn:hover {
    color:#1769ff;
    background:#eaf2ff;
}
.post-create-simple__editor .ce-inline-toolbar,
.post-create-simple__editor .ce-conversion-toolbar,
.post-create-simple__editor .ce-popover {
    border:1px solid #e2e8f0;
    border-radius:10px;
    box-shadow:0 8px 24px rgb(15 23 42 / 10%);
}
.post-create-simple__editor .ce-inline-tool,
.post-create-simple__editor .ce-popover-item {
    color:#334155;
}
.post-create-simple__editor .ce-inline-tool:hover,
.post-create-simple__editor .ce-popover-item:hover {
    background:#eff6ff;
    color:#1769ff;
}
.post-create-simple__editor .cdx-input,
.post-create-simple__editor .ce-code__textarea,
.post-create-simple__editor .tc-table {
    max-width:100%;
    border-color:#e2e8f0;
    border-radius:8px;
}
.post-create-simple__editor .cdx-quote__text {
    border-left:3px solid #1769ff;
    padding-left:14px;
}
.post-create-simple__editor-hint {
    margin:0;
    padding:0 16px 13px;
    color:#94a3b8;
    font-size:11px;
}
.post-create-simple__editor-error {
    margin:0;
    padding:14px;
    border-radius:8px;
    background:#fff7ed;
    color:#c2410c;
    font-size:13px;
}
.post-create-simple__editor.is-ready {
    min-height:190px;
}
@media(max-width:600px) {
    .post-create-simple__writing-head { padding:13px 12px 10px; }
    .post-create-simple__editor-toolbar { gap:6px; padding:9px 10px; }
    .post-create-simple__editor-toolbar button { min-height:34px; padding:7px 9px; }
    .post-create-simple__editor { min-height:180px; padding:15px 12px 10px; }
    .post-create-simple__editor .ce-toolbar { left:-8px; }
    .post-create-simple__editor-hint { padding:0 12px 12px; }
}
[data-theme="dark"] .post-create-simple__writing { background:var(--card-bg,#1b1f27); }
[data-theme="dark"] .post-create-simple__editor-toolbar { background:#1b1f27; }
[data-theme="dark"] .post-create-simple__editor-toolbar button { border-color:#3b4554; background:#242b36; color:#dbe3ee; }
[data-theme="dark"] .post-create-simple__editor .ce-toolbar__plus,
[data-theme="dark"] .post-create-simple__editor .ce-toolbar__settings-btn { background:#303744; color:#e2e8f0; }