/* SpectraHub V106 — cleaner topic layout inspired by the supplied reference,
   compact numeric size picker, distinguishable font samples, isolated emoji popup. */

/* Topic content: no giant boxed heading or overlapping global breadcrumb. */
body.shThreadPageV106 .shV11Crumb{display:none!important}
body.spectrahubForum.shThreadPageV106 .main{padding-top:21px!important}
body.spectrahubForum.shThreadPageV106 .threadHead.shV106ThreadHead{
  display:block!important;position:relative!important;width:100%!important;
  background:none!important;border:0!important;box-shadow:none!important;
  border-radius:0!important;padding:0!important;margin:6px 0 13px!important;
  overflow:visible!important;color:#f0f4fa!important
}
body.shThreadPageV106 .shV106ThreadHeading{width:100%;min-width:0}
body.shThreadPageV106 .shV106ThreadHead h1{
  margin:0 0 5px!important;padding:0!important;font-size:clamp(22px,2.5vw,26px)!important;
  font-weight:700!important;letter-spacing:0!important;line-height:1.3!important;
  color:#f4f7fc!important;overflow-wrap:anywhere
}
body.shThreadPageV106 .shV106ThreadHead h1 .prefix{vertical-align:middle;margin-right:9px!important;position:relative;top:-1px}
body.shThreadPageV106 .shV106ThreadMeta,
body.shThreadPageV106 .shV106ThreadBreadcrumb{
  display:flex!important;align-items:center!important;gap:6px 9px!important;
  flex-wrap:wrap!important;color:#a9b4c1!important;font-size:14px!important;line-height:1.45!important
}
body.shThreadPageV106 .shV106ThreadMeta{margin:0 0 8px!important}
body.shThreadPageV106 .shV106ThreadMeta .shFa,
body.shThreadPageV106 .shV106ThreadMeta .shFa img{width:12px!important;height:12px!important;opacity:.72!important}
body.shThreadPageV106 .shV106ThreadMeta a{color:#d7e0ec!important;text-decoration:none!important;font-weight:650!important}
body.shThreadPageV106 .shV106ThreadMeta a:hover,
body.shThreadPageV106 .shV106ThreadBreadcrumb a:hover{color:#8cc3fa!important;text-decoration:underline!important}
body.shThreadPageV106 .shV106ThreadBreadcrumb{margin:0!important}
body.shThreadPageV106 .shV106ThreadBreadcrumb a{color:#b5c5d7!important;text-decoration:none!important}
body.shThreadPageV106 .shV106ThreadBreadcrumb strong{font-weight:650!important;color:#e4ebf5!important}
body.shThreadPageV106 .shThreadTags{margin:10px 0 0!important}

/* Closed callout exists ONLY if thread.is_locked is true in thread.php. */
body.shThreadPageV106 .shV106ClosedNotice{
  display:flex;align-items:center;gap:11px;margin:14px 0 10px!important;
  padding:11px 14px;border:1px solid #566571;border-left:3px solid #5ba4dd;
  border-radius:5px;background:#3a434c;color:#e3eaf1;font-size:14px
}
body.shThreadPageV106 .shV106ClosedNotice .shFa,
body.shThreadPageV106 .shV106ClosedNotice .shFa img{width:15px;height:15px}

/* Reference-style small topic controls, flush right, rather than a large card. */
body.spectrahubForum.shThreadPageV106 .shV106ThreadActions{
  margin:12px 0 14px!important;padding:0!important;
  display:flex!important;flex-wrap:wrap!important;gap:0!important;
  align-items:stretch!important;justify-content:flex-end!important;
  overflow:visible!important;position:relative!important;z-index:35!important
}
body.shThreadPageV106 .shV106ThreadActions form{display:flex!important;margin:0!important}
body.shThreadPageV106 .shV106ThreadActions .shV106Action,
body.shThreadPageV106 .shV106ThreadActions .shV106ModMenu>summary{
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;gap:6px!important;
  min-height:32px!important;height:32px!important;margin:0!important;
  padding:5px 10px!important;line-height:1.2!important;font-size:14px!important;font-weight:650!important;
  text-decoration:none!important;background:#3b424a!important;border:1px solid #5b6875!important;
  color:#e9eff7!important;border-radius:0!important;box-shadow:none!important;
  cursor:pointer!important;white-space:nowrap!important;list-style:none!important
}
body.shThreadPageV106 .shV106ThreadActions form:first-child .shV106Action{border-radius:5px 0 0 5px!important}
body.shThreadPageV106 .shV106ThreadActions .shV106Action:hover,
body.shThreadPageV106 .shV106ThreadActions .shV106ModMenu>summary:hover,
body.shThreadPageV106 .shV106ThreadActions .shV106ModMenu[open]>summary{
  background:#485c71!important;border-color:#79a6d0!important;color:#fff!important
}
body.shThreadPageV106 .shV106ThreadActions .shFa,
body.shThreadPageV106 .shV106ThreadActions .shFa img{width:12px!important;height:12px!important;flex:none!important}
body.shThreadPageV106 .shV106ThreadActions .shV106Report{display:inline-flex!important;align-items:center!important}
body.shThreadPageV106 .shV106ThreadActions .shV106Report a{
  display:inline-flex!important;align-items:center!important;height:32px!important;
  padding:5px 10px!important;border:1px solid #5b6875!important;border-radius:0 5px 5px 0!important;
  color:#f6b8c6!important;background:#3b424a!important;font-family:inherit!important;font-size:14px!important;font-weight:650!important;line-height:1.2!important;
  text-decoration:none!important;margin:0!important
}
body.shThreadPageV106 .shV106ThreadActions .shV106Report a:hover{background:#514651!important;color:#fff!important}
body.shThreadPageV106 .shV106ThreadActions .shV106ModMenu{position:relative!important;display:block!important}
body.shThreadPageV106 .shV106ModMenu>summary::-webkit-details-marker{display:none!important}
body.shThreadPageV106 .shV106ModMenu .shV106Chevron{font-size:18px!important;line-height:8px!important;padding-left:3px!important}
body.shThreadPageV106 .shV106ModMenu[open] .shV106Chevron{transform:rotate(180deg)}
body.shThreadPageV106 .shV106ModDropdown{
  position:absolute!important;top:calc(100% + 5px)!important;right:0!important;
  width:214px!important;max-width:calc(100vw - 24px)!important;min-width:0!important;
  background:#343d46!important;border:1px solid #586d80!important;border-radius:7px!important;
  padding:5px!important;box-shadow:0 14px 35px rgba(0,0,0,.4)!important;
  z-index:15000!important;display:grid!important;gap:2px!important
}
body.shThreadPageV106 .shV106ModMenu:not([open]) .shV106ModDropdown{display:none!important}
body.shThreadPageV106 .shV106ModDropdown :is(a,button){
  box-sizing:border-box!important;display:block!important;width:100%!important;height:auto!important;
  min-height:32px!important;padding:8px 10px!important;margin:0!important;
  background:transparent!important;color:#eef4fc!important;border:0!important;border-radius:4px!important;
  font:600 14px/1.3 system-ui,Arial,sans-serif!important;text-align:left!important;
  text-decoration:none!important;cursor:pointer!important
}
body.shThreadPageV106 .shV106ModDropdown :is(a,button):hover,
body.shThreadPageV106 .shV106ModDropdown :is(a,button):focus-visible{background:#4b6179!important;outline:none!important}
body.shThreadPageV106 .shV106ModDropdown .shV106Danger{color:#ffb2c1!important}
body.shThreadPageV106 .shV106ModDropdown form{display:block!important;width:100%!important}

/* The reference has a clear split between author and message, with compact
   metadata on top; maintain SpectraHub colors/avatars and existing actions. */
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost){
  display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;
  background:#373d44!important;border:1px solid #505e6b!important;
  border-radius:5px!important;box-shadow:none!important;
  margin-bottom:14px!important;min-width:0!important;overflow:hidden!important
}
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:flex-start!important;gap:8px!important;min-width:0!important;
  padding:20px 15px!important;background:#333941!important;border-right:1px solid #57636e!important;
  text-align:center!important
}
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser .avatarImg,
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser .avatarLetter{
  display:grid;place-items:center;width:118px!important;height:118px!important;
  border-radius:14px!important;object-fit:cover!important;max-width:100%!important;
  margin:0 auto 8px!important
}
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser .shV99UserName{
  color:#eaf0fa!important;font-weight:750!important;font-size:14px!important
}
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser .shV99MemberNumbers{
  max-width:100%!important;margin:15px 0 0!important;gap:8px!important;
  border-top:1px solid #545e69!important;padding-top:13px!important
}
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postContent{
  padding:18px 20px 26px!important;background:#373d44!important;min-width:0!important
}
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postTop{
  padding:0 0 13px!important;margin:0 0 18px!important;
  display:flex!important;gap:10px!important;justify-content:space-between!important;align-items:center!important;
  font-size:14px!important;color:#bfcbd8!important;border-bottom:1px solid #535e69!important
}
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postTop .shPostQuote{
  border:0!important;background:transparent!important;color:#d8e5f1!important;
  text-decoration:none!important;padding:4px 5px!important;box-shadow:none!important;font-size:14px!important
}
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postTop .shPostQuote:hover{color:#8bc3ff!important;text-decoration:underline!important}
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .bodyText{
  color:#edf2f6!important;line-height:1.65!important;overflow-wrap:anywhere!important;font-size:14px!important
}
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .bodyText img{max-width:100%!important}
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser :is(.shV99AuthorMark,.shV99RankLabel){max-width:100%}
body.shThreadPageV106 .composer{border-radius:6px!important}

/* Numeric size menu: thin and short, never 300px-wide labels. */
.shXfEditorShell .fr-dropdown-menu:has(.shXfSizeMenuNumeric),
.shXfEditorShell .fr-dropdown-menu:has(.shXfSizeMenuNumeric)[aria-hidden="false"]{
  min-width:148px!important;width:148px!important;max-width:148px!important;
  padding:3px!important;border-radius:7px!important;box-sizing:border-box!important
}
.shXfEditorShell .fr-dropdown-menu .fr-dropdown-list.shXfSizeMenuNumeric,
.shXfEditorShell .fr-dropdown-list.shXfSizeMenuNumeric{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:3px!important;min-width:0!important;max-width:100%!important;
  width:100%!important;margin:0!important;padding:3px!important;
  overflow:visible!important
}
.shXfEditorShell .fr-dropdown-list.shXfSizeMenuNumeric>li{min-width:0!important;padding:0!important;margin:0!important}
.shXfEditorShell .fr-dropdown-list.shXfSizeMenuNumeric a.shXfSizeChoiceNumeric{
  box-sizing:border-box!important;display:flex!important;
  width:100%!important;min-width:0!important;height:30px!important;min-height:30px!important;
  align-items:center!important;justify-content:center!important;
  padding:2px 4px!important;border:0!important;border-radius:5px!important;
  font-size:14px!important;font-weight:700!important;background:#374453!important
}
.shXfEditorShell .fr-dropdown-list.shXfSizeMenuNumeric a.shXfSizeChoiceNumeric:hover{background:#4f6580!important}
.shXfEditorShell .fr-dropdown-list.shXfSizeMenuNumeric .shXfSizeValue{
  box-sizing:border-box!important;display:inline!important;min-width:0!important;
  width:auto!important;height:auto!important;line-height:1!important;
  background:transparent!important;border:0!important;
  font-size:14px!important;color:#f1f6fc!important;padding:0!important;margin:0!important
}

/* Render real font samples in a menu, overriding previous generic font
   shorthand declarations. These are Windows/system font faces, no downloaded files. */
.shXfEditorShell .shXfFontMenu a.shXfFontChoice,
.shXfEditorShell .fr-dropdown-menu .shXfFontMenu a.shXfFontChoice{
  display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;
  gap:8px!important;min-height:36px!important;padding:4px 7px!important;
  align-items:center!important;line-height:1.2!important
}
.shXfEditorShell .shXfFontMenu .shXfFontPreview{
  width:32px!important;height:28px!important;min-width:0!important;
  font-size:19px!important;font-weight:normal!important;font-style:normal!important;
  padding:0!important;letter-spacing:-.05em!important
}
.shXfEditorShell .shXfFontMenu .shXfFontName{font-size:14px!important;font-weight:normal!important;line-height:1.2!important;overflow-wrap:normal!important}
.shXfEditorShell .shXfFallbackMenuItem.shV106FontChoice{font-size:14px!important;font-weight:normal!important}
.shXfEditorShell .shV106FontChoice .shXfFontPreview{font-size:19px!important;font-weight:normal!important}

/* Separate emoji overlay avoids old two-scrollbar, clipped-category problem. */
.shV106EmojiPortal{
  box-sizing:border-box!important;position:fixed!important;z-index:2147483000!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
  background:#303b46!important;border:1px solid #657a8d!important;
  border-radius:10px!important;box-shadow:0 18px 55px rgba(0,0,0,.48)!important;
  color:#f2f7fc!important;font-family:system-ui,'Segoe UI',sans-serif!important
}
.shV106EmojiPortal .shV106EmojiHeader{
  flex:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-height:36px!important;padding:6px 10px 6px 14px!important;background:#3a4652!important;
  border-bottom:1px solid #607082!important;font-size:14px!important;font-weight:700!important
}
.shV106EmojiPortal .shV106EmojiHeader button{
  width:26px!important;height:26px!important;min-height:0!important;padding:0!important;
  border:0!important;border-radius:5px!important;color:#ecf3ff!important;background:transparent!important;
  font-size:22px!important;line-height:1!important;cursor:pointer!important
}
.shV106EmojiPortal .shV106EmojiHeader button:hover{background:#506378!important}
.shV106EmojiPortal .sh94EmojiPicker{
  width:100%!important;max-width:100%!important;max-height:none!important;min-height:0!important;
  overflow:hidden!important;background:#303b46!important;
  display:flex!important;flex-direction:column!important;flex:1!important;border:0!important;border-radius:0!important
}
.shV106EmojiPortal .sh94EmojiSearch{
  position:static!important;z-index:1!important;flex:none!important;
  margin:0!important;padding:9px 10px!important;background:#303b46!important;
  border:0!important;border-bottom:1px solid #526275!important
}
.shV106EmojiPortal .sh94EmojiSearch input{
  display:block!important;width:100%!important;height:34px!important;min-height:0!important;
  margin:0!important;padding:0 11px!important;line-height:34px!important;
  border:1px solid #607388!important;border-radius:7px!important;
  background:#252f3b!important;color:#fff!important;font:normal 14px/34px system-ui,sans-serif!important;
  outline:0!important;box-shadow:none!important
}
.shV106EmojiPortal .sh94EmojiSearch input:focus{border-color:#80bbf5!important;box-shadow:0 0 0 1px #80bbf5!important}
.shV106EmojiPortal .sh94EmojiScroll{
  box-sizing:border-box!important;flex:1 1 auto!important;min-height:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  margin:0!important;padding:9px 12px 12px!important;overscroll-behavior:contain!important;
  scrollbar-color:#6e839a #303b46!important
}
.shV106EmojiPortal .sh94EmojiCategory{position:relative!important;margin:0 0 13px!important;padding:0!important}
.shV106EmojiPortal .sh94EmojiCategory header{
  display:block!important;position:static!important;top:auto!important;
  z-index:auto!important;margin:0 0 8px!important;padding:4px 0 7px!important;
  background:transparent!important;border-bottom:1px solid #536576!important;
  font:700 14px/1.2 system-ui,sans-serif!important;color:#cadbea!important
}
.shV106EmojiPortal .sh94EmojiGrid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:4px!important}
.shV106EmojiPortal .sh94EmojiChoice{
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;width:100%!important;height:35px!important;min-width:0!important;
  min-height:0!important;padding:2px!important;margin:0!important;border:1px solid transparent!important;
  border-radius:6px!important;background:transparent!important;color:#fff!important;
  font:normal 23px/1 'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif!important;
  text-decoration:none!important;cursor:pointer!important;overflow:hidden!important
}
.shV106EmojiPortal .sh94EmojiChoice:hover,
.shV106EmojiPortal .sh94EmojiChoice:focus-visible{background:#516b86!important;border-color:#80baff!important;outline:0!important}
.shV106EmojiPortal .sh94EmojiChoice[hidden],
.shV106EmojiPortal .sh94EmojiCategory[hidden]{display:none!important}

@media(max-width:780px){
 body.spectrahubForum.shThreadPageV106 .post:not(.pmPost){grid-template-columns:1fr!important}
 body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser{
   display:grid!important;grid-template-columns:60px minmax(0,1fr)!important;gap:4px 12px!important;
   align-items:center!important;text-align:left!important;padding:13px!important;
   border-right:0!important;border-bottom:1px solid #586774!important
 }
 body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser .shPostAvatarLinkV74{grid-row:span 3!important}
 body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser .avatarImg,
 body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser .avatarLetter{width:60px!important;height:60px!important;margin:0!important;border-radius:9px!important}
 body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser .shV99MemberId{grid-column:2!important;justify-items:start!important;text-align:left!important}
 body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser .shV99MemberNumbers{grid-column:1/-1!important;display:none!important}
 body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postContent{padding:15px!important}
}
@media(max-width:540px){
 body.shThreadPageV106 .shV106ThreadActions{justify-content:flex-start!important}
 body.shThreadPageV106 .shV106ThreadActions .shV106Action{font-size:14px!important;padding:5px 7px!important}
 .shV106EmojiPortal .sh94EmojiGrid{grid-template-columns:repeat(7,minmax(0,1fr))!important}
}
/* Final proportions for the reference-like author column and icon-sized save. */
@media(min-width:781px){
 body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser .avatarImg,
 body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postUser .avatarLetter{
   width:140px!important;height:140px!important;border-radius:50%!important
 }
 body.shThreadPageV106 .shV106BookmarkLabel{display:none!important}
}