/* SpectraHub 112: shared interface language for search, navigation actions and staff controls.
   Tokens deliberately match the EXISTING forum theme (graphite surfaces, blue accent,
   white pictograms). Loaded last so older page-specific rules cannot repaint controls. */
body.spectrahubForum,
body.spectrahubAdmin {
  --shUiSurface:#383e46;
  --shUiSurfaceRaised:#424a53;
  --shUiInput:#2b333c;
  --shUiHover:#505d6b;
  --shUiBorder:#637181;
  --shUiBorderHover:#8da6c1;
  --shUiText:#edf4fa;
  --shUiMuted:#aebdcb;
  --shUiAccent:#2196f3;
  --shUiAccentHover:#1686e0;
  --shUiRadius:7px;
}

/* The same button proportions and foreground apply everywhere we explicitly
   mark a SpectraHub interface action. These classes are shared by topic, search,
   moderator and navigation templates rather than maintaining bespoke hex colors. */
body.spectrahubForum .shUIButton,
body.spectrahubAdmin .shUIButton,
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shUIButton,
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postTop .shPostQuote.shUIButton {
  -webkit-appearance:none!important;appearance:none!important;
  box-sizing:border-box!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:37px!important;height:auto!important;max-width:100%!important;
  padding:8px 13px!important;margin:0!important;
  border:1px solid var(--shUiBorder)!important;
  border-radius:var(--shUiRadius)!important;
  color:var(--shUiText)!important;
  background:var(--shUiSurfaceRaised)!important;
  font:700 14px/1.2 system-ui,Arial,sans-serif!important;
  letter-spacing:0!important;text-decoration:none!important;
  box-shadow:none!important;white-space:nowrap!important;
  cursor:pointer!important;transform:none!important;
  transition:background-color .14s ease,border-color .14s ease!important;
}
body.spectrahubForum .shUIButton:hover:not(:disabled),
body.spectrahubAdmin .shUIButton:hover:not(:disabled),
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shUIButton:hover,
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postTop .shPostQuote.shUIButton:hover {
  background:var(--shUiHover)!important;border-color:var(--shUiBorderHover)!important;color:#fff!important;
}
body.spectrahubForum .shUIButton:focus-visible,
body.spectrahubAdmin .shUIButton:focus-visible,
body.spectrahubForum .shUIClearInput:focus-visible{
  outline:2px solid #9bceff!important;outline-offset:2px!important;
}
body.spectrahubForum .shUIButton.shUIButtonPrimary:not(:disabled),
body.spectrahubAdmin .shUIButton.shUIButtonPrimary:not(:disabled){
  color:#fff!important;background:var(--shUiAccent)!important;
  border-color:#43a6fa!important;
}
body.spectrahubForum .shUIButton.shUIButtonPrimary:hover:not(:disabled),
body.spectrahubAdmin .shUIButton.shUIButtonPrimary:hover:not(:disabled){
  background:var(--shUiAccentHover)!important;border-color:#6cc0ff!important;
}
body.spectrahubForum .shUIButton:disabled,
body.spectrahubAdmin .shUIButton:disabled{
  background:#49535e!important;color:#becbd7!important;
  border-color:#606e7e!important;opacity:.75!important;cursor:not-allowed!important;
}
body.spectrahubForum .shUIButton.shUIButtonDanger,
body.spectrahubAdmin .shUIButton.shUIButtonDanger{
  background:#493f48!important;color:#ffd2da!important;border-color:#78616b!important;
}
body.spectrahubForum .shUIButton.shUIButtonDanger:hover:not(:disabled){
  background:#634550!important;color:#fff!important;border-color:#b48192!important;
}
body.spectrahubForum .shUIButton .shFa img,
body.spectrahubAdmin .shUIButton .shFa img{
  width:14px!important;height:14px!important;object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}

/* Search surfaces all share the same single-border input field. */
body.spectrahubForum :is(.shHeaderSearch.shUISearch,.shMemberSearchBox.shUISearchField,.shV97ModSearchWrap.shUISearchField,.shUIInputFrame),
body.spectrahubForum .shHeaderDrawerSearch.shUISearch{
  box-sizing:border-box!important;min-width:0!important;
  background:var(--shUiInput)!important;
  border:1px solid var(--shUiBorder)!important;
  border-radius:var(--shUiRadius)!important;
  box-shadow:none!important;
  transition:background-color .14s,border-color .14s,box-shadow .14s!important;
}
body.spectrahubForum :is(.shHeaderSearch.shUISearch,.shMemberSearchBox.shUISearchField,.shV97ModSearchWrap.shUISearchField,.shUIInputFrame):focus-within,
body.spectrahubForum .shHeaderDrawerSearch.shUISearch:focus-within{
  border-color:#77baff!important;
  box-shadow:0 0 0 3px rgba(33,150,243,.16)!important;
  background:#303a45!important;
}
body.spectrahubForum :is(.shHeaderSearch.shUISearch,.shMemberSearchBox.shUISearchField,.shV97ModSearchWrap.shUISearchField,.shUIInputFrame)>.shFa img{
  display:block!important;width:16px!important;height:16px!important;object-fit:contain!important;
  filter:brightness(0) invert(1)!important;opacity:.78!important;
}
body.spectrahubForum :is(.shHeaderSearch.shUISearch,.shMemberSearchBox.shUISearchField,.shV97ModSearchWrap.shUISearchField,.shUIInputFrame)>:is(input,select),
body.spectrahubForum .shHeaderDrawerSearch.shUISearch>input {
  min-width:0!important;flex:1 1 auto!important;width:100%!important;max-width:100%!important;
  height:42px!important;min-height:42px!important;
  margin:0!important;padding:0 5px!important;
  color:var(--shUiText)!important;background:transparent!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;outline:none!important;
  font:500 14px/1.35 system-ui,Arial,sans-serif!important;
}
body.spectrahubForum :is(.shHeaderSearch.shUISearch,.shMemberSearchBox.shUISearchField,.shV97ModSearchWrap.shUISearchField,.shUIInputFrame)>input::placeholder,
body.spectrahubForum .shHeaderDrawerSearch.shUISearch>input::placeholder{
  color:var(--shUiMuted)!important;opacity:1!important;
}

/* Site-wide header search, matching the other SpectraHub buttons. */
body.spectrahubForum .shHeaderSearch.shUISearch{
  display:flex!important;align-items:center!important;gap:10px!important;
  width:100%!important;max-width:700px!important;height:45px!important;
  margin:0!important;padding:3px 4px 3px 13px!important;
}
body.spectrahubForum .shHeaderSearch.shUISearch>input{height:36px!important;min-height:36px!important}
body.spectrahubForum .shHeaderSearch.shUISearch>button.shUIButton{
  flex:0 0 auto!important;min-height:35px!important;height:35px!important;
  padding:0 15px!important;margin:0!important;border-radius:5px!important;
}
body.spectrahubForum .shHeaderDrawerSearch.shUISearch{
  display:flex!important;gap:7px!important;align-items:center!important;
  padding:3px 4px 3px 12px!important;
}
body.spectrahubForum .shHeaderDrawerSearch.shUISearch>button{
  flex:0 0 38px!important;height:36px!important;border-radius:5px!important;
  border:1px solid #43a6fa!important;background:var(--shUiAccent)!important;color:#fff!important;
  display:grid!important;place-items:center!important;padding:0!important;
}

/* Member search: the search input is one unit; submit button is the shared button. */
body.spectrahubForum .shMemberSearch.shUISearch{
  display:flex!important;gap:10px!important;align-items:center!important;
  flex-wrap:wrap!important;padding:14px!important;
  background:var(--shUiSurface)!important;border:1px solid #59646e!important;
  border-radius:9px!important;box-shadow:none!important;
}
body.spectrahubForum .shMemberSearch.shUISearch .shMemberSearchBox.shUISearchField{
  flex:1 1 260px!important;display:flex!important;gap:10px!important;
  align-items:center!important;min-height:44px!important;padding:0 12px!important;
}
body.spectrahubForum .shMemberSearch.shUISearch .shMemberSearchBox>a{
  flex:0 0 24px!important;display:grid!important;place-items:center!important;
  font-size:20px!important;text-decoration:none!important;color:#cad7e3!important;
}
body.spectrahubForum .shMemberSearch.shUISearch>.shUIButton{min-height:44px!important;padding:0 18px!important}

/* Advanced search: semantic labels, icons, controlled inputs and measured whitespace. */
body.spectrahubForum .formCard.shUIAdvancedSearch{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px 19px!important;padding:23px!important;margin-bottom:20px!important;
  background:var(--shUiSurface)!important;border:1px solid #59646e!important;
  border-radius:9px!important;box-shadow:none!important;
}
body.spectrahubForum .shUIAdvancedSearch>.shUIField{
  min-width:0!important;display:grid!important;gap:8px!important;
  color:#ebf2f9!important;font-size:14px!important;font-weight:750!important;
}
body.spectrahubForum .shUIAdvancedSearch .shUIInputFrame{
  display:flex!important;align-items:center!important;gap:10px!important;
  padding:0 12px!important;min-height:45px!important;
}
body.spectrahubForum .shUIAdvancedSearch .shUIInputFrame>select{
  cursor:pointer!important;color-scheme:dark!important;
}
body.spectrahubForum .shUIAdvancedSearch .shUIAdvancedActions{
  grid-column:1/-1!important;display:flex!important;justify-content:flex-start!important;
  align-items:center!important;gap:10px!important;flex-wrap:wrap!important;
  padding-top:5px!important;
}
body.spectrahubForum .shUIAdvancedSearch .shUIButton{min-height:39px!important}

/* Moderator picker. The results panel is an actual popup and never the form's
   default full-height listing. The parent is intentionally not overflow:hidden. */
body.spectrahubForum .shUIModManage .shV97ModPanel{
  overflow:visible!important;
  border-radius:9px!important;
  border-color:#58636f!important;
  background:var(--shUiSurface)!important;
}
body.spectrahubForum .shUIModManage .shV97ModPanelHead{
  background:var(--shUiSurfaceRaised)!important;
  border-bottom:1px solid #596470!important;
  border-radius:8px 8px 0 0!important;
}
body.spectrahubForum .shUIModManage .shV111ModPicker{
  position:relative!important;z-index:10!important;min-width:0!important;
}
body.spectrahubForum .shUIModManage .shV97ModSearchWrap.shUISearchField{
  display:flex!important;align-items:center!important;gap:9px!important;
  width:100%!important;height:45px!important;min-height:45px!important;
  padding:0 11px!important;overflow:hidden!important;
}
body.spectrahubForum .shUIModManage .shV97ModSearchWrap.shUISearchField>input[type="search"]{
  box-sizing:border-box!important;display:block!important;flex:1 1 auto!important;
  height:43px!important;min-height:43px!important;width:100%!important;
  margin:0!important;padding:0 4px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;outline:0!important;
  color:var(--shUiText)!important;-webkit-appearance:none!important;appearance:none!important;
}
body.spectrahubForum .shUIModManage .shV97ModSearchWrap.shUISearchField>input::-webkit-search-cancel-button{
  -webkit-appearance:none!important;appearance:none!important;
}
body.spectrahubForum .shUIModManage .shUIClearInput{
  box-sizing:border-box!important;flex:0 0 27px!important;width:27px!important;height:27px!important;
  display:grid!important;place-items:center!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:5px!important;
  color:#d2dee9!important;background:#46525f!important;box-shadow:none!important;
  font:600 19px/1 system-ui,Arial,sans-serif!important;cursor:pointer!important;
}
body.spectrahubForum .shUIModManage .shUIClearInput[hidden]{display:none!important}
body.spectrahubForum .shUIModManage .shUIClearInput:hover{background:#5d6d7e!important;color:#fff!important}
body.spectrahubForum .shUIModManage .shV97ModChoices{
  position:absolute!important;inset:auto 0 auto 0!important;top:calc(100% + 6px)!important;
  box-sizing:border-box!important;z-index:500!important;width:100%!important;
  max-height:310px!important;overflow:auto!important;
  display:grid!important;align-items:stretch!important;gap:3px!important;
  margin:0!important;padding:6px!important;
  background:#303b46!important;border:1px solid #6a8095!important;border-radius:8px!important;
  box-shadow:0 20px 44px rgba(0,0,0,.42)!important;
}
body.spectrahubForum .shUIModManage .shV97ModChoices[hidden]{display:none!important}
body.spectrahubForum .shUIModManage .shV97ModChoice{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;
  text-align:left!important;gap:11px!important;min-height:48px!important;width:100%!important;
  margin:0!important;padding:6px 9px!important;
  border:1px solid transparent!important;border-radius:6px!important;
  background:transparent!important;color:#eef4fa!important;cursor:pointer!important;
}
body.spectrahubForum .shUIModManage .shV97ModChoice:is(:hover,:focus-visible,[aria-selected="true"]){
  background:#445a70!important;border-color:#80a9d2!important;outline:0!important;
}
body.spectrahubForum .shUIModManage .shV97ModChoice:focus-visible{outline:2px solid #93cbff!important;outline-offset:-2px!important}
body.spectrahubForum .shUIModManage .shV97ModNoResult{margin:0!important;padding:13px!important;color:#c0d0df!important;font-size:14px!important}
body.spectrahubForum .shUIModManage .shUISelectedUser{
  display:flex!important;align-items:center!important;gap:8px!important;width:fit-content!important;
  max-width:100%!important;margin:0!important;padding:8px 11px!important;
  border-radius:6px!important;background:#304c65!important;
  border:1px solid #648eb6!important;color:#eaf5ff!important;
}
body.spectrahubForum .shUIModManage .shUISelectedUser[hidden]{display:none!important}
body.spectrahubForum .shUIModManage .shV97ModSubmit.shUIButton{
  justify-self:start!important;min-height:38px!important;white-space:normal!important;
}
body.spectrahubForum .shUIModManage .shV97ModRemove.shUIButton{min-height:33px!important;padding:7px 10px!important}

/* Topic toolbar and message action buttons now read exactly the shared tokens. */
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shV107ReaderControls{gap:8px!important}
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shV107ModMenu{margin-left:0!important}
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shUIButton{
  min-height:35px!important;height:35px!important;
  padding:0 12px!important;border-radius:var(--shUiRadius)!important;
}
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shUIButton.is-active{
  background:#365370!important;border-color:#6f96be!important;
}
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shV106ModDropdown{
  background:var(--shUiSurfaceRaised)!important;border-color:var(--shUiBorder)!important;
}
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shV106ModDropdown :is(a,button){
  background:transparent!important;border:0!important;border-radius:5px!important;
}
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shV106ModDropdown :is(a,button):hover{
  background:var(--shUiHover)!important;
}
body.spectrahubForum.shThreadPageV106 .post:not(.pmPost) .postTop .shPostQuote.shUIButton{
  height:31px!important;min-height:31px!important;padding:6px 10px!important;
}

/* Admin user search stays in the admin theme but uses the same surface and
   button language, never a bright inner field inside a dark outer field. */
body.spectrahubAdmin .shUIAdminSearch,
body.spectrahubAdmin .shAdminUserSearch{
  box-sizing:border-box!important;background:var(--shUiSurface)!important;
  border:1px solid #58636f!important;border-radius:9px!important;box-shadow:none!important;
}
body.spectrahubAdmin .shAdminUserSearch>div:not(.shAdminReportFilter){gap:9px!important}
body.spectrahubAdmin .shAdminUserSearch input[type="search"],
body.spectrahubAdmin .shAdminUserSearch input[name="q"]{
  min-height:42px!important;height:42px!important;
  background:var(--shUiInput)!important;border:1px solid var(--shUiBorder)!important;
  border-radius:7px!important;box-shadow:none!important;
  color:var(--shUiText)!important;
}
body.spectrahubAdmin .shAdminUserSearch input:is(:focus,:focus-visible){
  border-color:#77baff!important;outline:2px solid rgba(33,150,243,.2)!important;outline-offset:0!important;
}

@media(max-width:760px){
  body.spectrahubForum .formCard.shUIAdvancedSearch{grid-template-columns:1fr!important;padding:16px!important}
  body.spectrahubForum .shHeaderSearch.shUISearch{display:none!important}
  body.spectrahubForum .shMemberSearch.shUISearch{align-items:stretch!important}
  body.spectrahubForum .shMemberSearch.shUISearch .shMemberSearchBox{flex-basis:100%!important}
  body.spectrahubForum .shMemberSearch.shUISearch>.shUIButton{width:100%!important}
}
@media(max-width:550px){
  body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shUIButton{padding:0 9px!important;font-size:14px!important}
  body.spectrahubForum .shUIModManage .shV97ModSelectForm{padding:15px!important}
}

/* V111's 300px flex-basis becomes 300px of vertical whitespace when the
   heading column wraps; keep page headings genuinely compact on phones. */
@media(max-width:760px){
  body.spectrahubForum .pageHead.shV111PageHead,
  body.spectrahubForum .pageHead.shV111ModHead{
    display:block!important;min-height:0!important;height:auto!important;
    margin:4px 0 18px!important;max-width:100%!important;
  }
  body.spectrahubForum .shV111PageHeadMain{
    display:block!important;flex:0 0 auto!important;
    width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;
  }
  body.spectrahubForum .shV111PageHead .shV111Breadcrumb{
    display:flex!important;width:auto!important;max-width:100%!important;
    margin:8px 0 0!important;padding:0!important;min-height:0!important;
  }
  body.spectrahubForum .shV111ModHead .shV111QuietButton{margin-top:12px!important;}
}
body.spectrahubForum .shUIModManage>.shV97ModPanel:first-child{
  position:relative!important;z-index:3!important;
}
body.spectrahubForum .shUIModManage>.shV97ModPanel:nth-child(2){
  position:relative!important;z-index:1!important;
}

/* V113 · Topic header controls must look like the forum's OTHER neutral
   action buttons (such as the existing Idézet button), not like blue cards.
   Only the three top-right controls are affected; their forms/menus stay intact. */
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar button.shV106Action.shUIButtonQuiet,
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shV107ModMenu>summary.shV106Action.shUIButtonQuiet {
  appearance:none!important;-webkit-appearance:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;
  height:34px!important;min-height:34px!important;
  padding:0 11px!important;gap:7px!important;
  border:1px solid #676e77!important;
  border-radius:4px!important;
  background:#484d56!important;
  color:#e8f1fa!important;
  box-shadow:none!important;
  font:600 14px/1.3 Arial,sans-serif!important;
  letter-spacing:0!important;white-space:nowrap!important;
  transition:background-color .14s ease,border-color .14s ease!important;
  cursor:pointer!important;
}
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar button.shV106Action.shUIButtonQuiet:hover,
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shV107ModMenu>summary.shV106Action.shUIButtonQuiet:hover,
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shV107ModMenu[open]>summary.shV106Action.shUIButtonQuiet {
  background:#555c64!important;border-color:#85909c!important;color:#fff!important;
}
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar button.shV106Action.shUIButtonQuiet.is-active {
  background:#484d56!important;border-color:#676e77!important;color:#e8f1fa!important;
}
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar button.shV106Action.shUIButtonQuiet.is-active:hover {
  background:#555c64!important;border-color:#85909c!important;
}
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar :is(button.shV106Action.shUIButtonQuiet,.shV107ModMenu>summary.shV106Action.shUIButtonQuiet):focus-visible{
  outline:2px solid #9bceff!important;outline-offset:2px!important;
}
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shV107ModMenu>summary.shV106Action.shUIButtonQuiet::-webkit-details-marker {display:none!important}
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shV107ReaderControls{gap:7px!important}
body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar{gap:7px!important}
@media (max-width:550px){
  body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar button.shV106Action.shUIButtonQuiet,
  body.spectrahubForum.shThreadPageV106 .shV107TopicToolbar .shV107ModMenu>summary.shV106Action.shUIButtonQuiet{
    height:32px!important;min-height:32px!important;padding:0 9px!important;
    font-size:14px!important;
  }
}