/* Shared public surfaces. Page layouts keep their own grids and content sizing. */
html body .cb-site .site-page:not(.admin-page){
 --cb-control-fill:#172932;--cb-control-text:#e1ebf1;--cb-control-muted:#9db3bf;
 --cb-control-edge:#526c7c;--cb-control-focus:#83cbe8;
}

/* One title treatment, including panels with a right-hand link or action. */
html body .cb-site .site-page:not(.admin-page) .legacy-panel-head{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:4px 10px!important;
 box-sizing:border-box!important;height:auto!important;min-height:24px!important;max-height:none!important;
 padding:4px 7px!important;font-size:11px!important;line-height:14px!important;white-space:normal!important;overflow:visible!important;
}
html body .cb-site .site-page:not(.admin-page) .legacy-panel-head>span{
 min-width:0!important;margin:0!important;padding:0!important;font:inherit!important;line-height:14px!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
}
html body .cb-site .site-page:not(.admin-page) .legacy-panel-head>span:first-child{flex:1 1 160px!important;text-align:center!important}
html body .cb-site .site-page:not(.admin-page) .legacy-panel-head>.legacy-panel-head-right{
 position:static!important;inset:auto!important;flex:0 1 auto!important;max-width:100%!important;align-self:center!important;
}
html body .cb-site .site-page:not(.admin-page) .legacy-panel-head-right a{font-size:11px!important;line-height:14px!important}

/* Non-reference directories and detail tables use the same readable type. */
html body .cb-site .site-page:not(.admin-page) :is(.legacy-data-table,.ladder-table,.community-table,.rank-table,.arena-staff-table){font-size:11px!important;line-height:1.35!important}
html body .cb-site .site-page:not(.admin-page) :is(.legacy-data-table,.ladder-table,.community-table,.rank-table,.arena-staff-table) :is(th,td){font-size:11px!important;line-height:1.35!important}
html body .cb-site .site-page:not(.admin-page) :is(.legacy-data-table,.ladder-table,.community-table,.rank-table,.arena-staff-table) th{white-space:normal!important}
html body .cb-site .site-page:not(.admin-page) :is(.legacy-data-table,.ladder-table,.community-table,.rank-table,.arena-staff-table) td a{font-size:inherit!important}
html body .cb-site .site-page:not(.admin-page):not(.reference-fidelity):not(.home-page) .legacy-panel>.legacy-panel-body{margin:5px!important}

/* Account, report, support and community fields share the dark ticket palette.
   Preserve each workflow's dimensions, upload controls and native toggles. */
html body .cb-site .site-page:not(.admin-page) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="hidden"]),select,textarea){
 background-color:var(--cb-control-fill)!important;color:var(--cb-control-text)!important;-webkit-text-fill-color:var(--cb-control-text)!important;
 border:1px solid var(--cb-control-edge)!important;border-radius:0!important;caret-color:var(--cb-control-text)!important;color-scheme:dark;
}
html body .cb-site .site-page:not(.admin-page) :is(input,textarea)::placeholder{color:var(--cb-control-muted)!important;-webkit-text-fill-color:var(--cb-control-muted)!important;opacity:1!important}
html body .cb-site .site-page:not(.admin-page) :is(input,select,textarea):focus-visible{outline:2px solid var(--cb-control-focus)!important;outline-offset:2px!important}
html body .cb-site .site-page:not(.admin-page) input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--cb-control-fill) inset!important;-webkit-text-fill-color:var(--cb-control-text)!important;caret-color:var(--cb-control-text)!important}
html body .cb-site .site-page:not(.admin-page) :is(input[type="checkbox"],input[type="radio"]){accent-color:#72b7d7;color-scheme:dark}
html body .cb-site .site-page:not(.admin-page) :is(input,select,textarea):disabled{opacity:.65!important;cursor:not-allowed!important}
html body .cb-site .site-page:not(.admin-page) input[type="file"]{color:#dce9f0!important;color-scheme:dark}
html body .cb-site .site-page:not(.admin-page) input[type="file"]::file-selector-button{background:#2d495a;color:#e1ebf1;border:1px solid #526c7c;padding:5px 8px;margin-right:8px;cursor:pointer}
html body .cb-site .site-page:not(.admin-page) .form-row>label{font-size:11px!important;line-height:1.35!important}

/* Older community modules use the same black title strips and charcoal fills. */
html body .cb-site .site-page:not(.admin-page) :is(.community-inbox>h1,.forum-control-content>h1,.forum-control-content h3,.forum-control-sidebar h2,.forum-control-sidebar h3){
 display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
 background:#000 var(--cb-asset-79064e5363fb,url('/classic/assets/list_header_bg-13ab9892ac55.gif')) repeat-x!important;
 color:#eee!important;border:1px solid #3777a8!important;border-radius:0!important;
 padding:4px 7px!important;min-height:24px!important;height:auto!important;max-height:none!important;
 font-size:11px!important;line-height:14px!important;font-weight:700!important;text-align:center!important;overflow-wrap:anywhere!important;
}
html body .cb-site .site-page:not(.admin-page) .community-inbox>h1{margin:0 0 8px!important}
html body .cb-site .site-page:not(.admin-page) .forum-control-grid{background:#2a3035!important;border-color:#3777a8!important}
html body .cb-site .site-page:not(.admin-page) .forum-control-content{background:#2a3035 var(--cb-frame-image) repeat-x!important}
html body .cb-site .site-page:not(.admin-page) .forum-control-sidebar{background:#1a2b35!important;border-right:1px solid #3777a8}
html body .cb-site .site-page:not(.admin-page) .forum-control-sidebar a[aria-current]{background:linear-gradient(#c9e7f4,#75b7d9)!important;color:#051c29!important}
html body .cb-site .site-page:not(.admin-page) .forum-control-content fieldset{border-color:#526c7c!important}

/* Framed feedback keeps its meaning as well as the site's contrast. */
html body .cb-site .site-page:not(.admin-page) .legacy-notice{background:#253a46!important;color:#dcecf5!important;border-color:#47758e!important;line-height:1.45!important}
html body .cb-site .site-page:not(.admin-page) .legacy-notice.warn{background:#3b3527!important;color:#f1dfb2!important;border-color:#8c7644!important}
html body .cb-site .site-page:not(.admin-page) .legacy-notice.success{background:#213c32!important;color:#d4efdc!important;border-color:#51826b!important}

/* Search rows use one border, comfortable padding and aligned actions. */
html body .cb-site .site-page:not(.admin-page) :is(.cb-search-controls,.quick-member-search,.member-search){display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
html body .cb-site .site-page:not(.admin-page) .member-search-form{justify-content:center!important;padding:12px!important}
html body .cb-site .site-page:not(.admin-page) :is(.cb-search-controls,.quick-member-search,.member-search)>*{margin:0!important}
html body .cb-site .site-page:not(.admin-page) :is(.cb-search-controls,.quick-member-search,.member-search) :is(input,select){box-sizing:border-box!important;min-width:0!important;max-width:100%!important;height:30px!important;min-height:30px!important;padding:5px 8px!important;font:11px/18px Arial,sans-serif!important;border:1px solid var(--cb-control-edge)!important;border-radius:0!important;box-shadow:none!important;vertical-align:middle!important}
html body .cb-site .site-page:not(.admin-page) :is(.cb-search-controls,.quick-member-search,.member-search) input{width:220px!important}
html body .cb-site .site-page:not(.admin-page) :is(.cb-search-controls,.quick-member-search,.member-search) button{box-sizing:border-box!important;min-height:30px!important;height:auto!important;padding:5px 12px!important;border:1px solid #6c98b2!important;border-radius:0!important;background:linear-gradient(#385b70,#223e4e)!important;color:#eef7fb!important;font:bold 11px/18px Arial,sans-serif!important;cursor:pointer;box-shadow:none!important;vertical-align:middle!important}
html body .cb-site .site-page:not(.admin-page) :is(.cb-search-controls,.quick-member-search,.member-search) button:hover{background:#385b70!important}
html body .cb-site .site-page:not(.admin-page) :is(.cb-search-controls,.quick-member-search,.member-search) button:focus-visible{outline:2px solid var(--cb-control-focus)!important;outline-offset:2px!important}
html body .cb-site .site-page:not(.admin-page) .help-search-controls{padding:0 8px}
html body .cb-site .site-page:not(.admin-page) .help-search-controls input{width:min(100%,360px)!important;margin:0!important}
html body .cb-site .site-page:not(.admin-page) .forum-search-controls>h4{flex-basis:100%;box-sizing:border-box}
html body .cb-site .site-page:not(.admin-page) .forum-search-controls>label{display:flex!important;align-items:center!important;flex-wrap:wrap;gap:8px!important;min-width:0!important;font-size:11px!important}
html body .cb-site .site-page:not(.admin-page) .forum-search-controls input{flex:1 1 160px;min-width:100px!important}
@media(max-width:600px){html body .cb-site .site-page:not(.admin-page) :is(.cb-search-controls,.quick-member-search,.member-search) input{flex:1 1 180px!important;width:100%!important}html body .cb-site .site-page:not(.admin-page) .member-search-form{justify-content:flex-start!important}}

/* Shared native select reset: OS-rendered select faces must not paint a light
   surface over the site's dark fields. Keep native keyboard/menu behaviour. */
html body .cb-site :is(#member-support-content,.site-page:not(.admin-page)) select{
 -webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;
 background-color:var(--cb-control-fill,#172932)!important;
 background-image:linear-gradient(45deg,transparent 50%,#e1ebf1 50%),linear-gradient(135deg,#e1ebf1 50%,transparent 50%)!important;
 background-position:calc(100% - 12px) 50%,calc(100% - 8px) 50%!important;
 background-size:4px 4px,4px 4px!important;background-repeat:no-repeat!important;
 color:var(--cb-control-text,#e1ebf1)!important;-webkit-text-fill-color:var(--cb-control-text,#e1ebf1)!important;
 border:1px solid var(--cb-control-edge,#526c7c)!important;border-radius:0!important;
 padding-right:26px!important;color-scheme:dark!important;opacity:1;box-shadow:none!important;
}
html body .cb-site :is(#member-support-content,.site-page:not(.admin-page)) select :is(option,optgroup){
 background:#172932!important;color:#e1ebf1!important;-webkit-text-fill-color:#e1ebf1!important;
}
@media(forced-colors:active){
 html body .cb-site :is(#member-support-content,.site-page:not(.admin-page)) select{
  appearance:auto!important;-webkit-appearance:auto!important;background-image:none!important;
  color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;background-color:Canvas!important;
 }
}

html body .cb-site :is(#member-support-content,.site-page:not(.admin-page)) select:is([multiple],[size]:not([size="1"])){
 background-image:none!important;padding-right:8px!important;
}