/* Member support only. Classic site navigation, ranking and team typography stay isolated. */
.cb-site .cb-member-support { --support-border:#376980; --support-muted:#a9bbc5; color:#eee; font-size:12px; line-height:1.5; min-width:0; }
.cb-site .cb-member-support *, .cb-site .cb-member-support-page .member-support-landing * { box-sizing:border-box; }
.cb-site .cb-member-support a { color:#60c8fb; }
.cb-site .cb-member-support h2 { margin:0 0 5px!important; font-size:19px!important; line-height:1.25; color:#eee!important; overflow-wrap:anywhere; }
.cb-site .cb-member-support h3 { margin:0 0 8px!important; font-size:13px!important; line-height:1.4; color:#eee!important; }
.cb-site .cb-member-support p { margin:5px 0 10px; }
.cb-site .cb-member-support small { font-size:11px; color:var(--support-muted); }
.cb-site .cb-member-support button, .cb-site .cb-member-support .member-support-button, .cb-site .cb-member-support-page .member-support-landing .member-support-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; width:auto; min-width:0; height:auto!important; min-height:34px!important; padding:6px 12px!important; border:1px solid #779bad!important; border-radius:0; background:linear-gradient(#f4f7f9,#bacbd5)!important; box-shadow:none!important; color:#10222d!important; font:700 12px/1.35 Arial,Helvetica,sans-serif!important; text-decoration:none!important; text-align:center; cursor:pointer; white-space:normal; vertical-align:middle; }
.cb-site .cb-member-support button.primary, .cb-site .cb-member-support .member-support-button.primary, .cb-site .cb-member-support-page .member-support-landing .member-support-button.primary { background:linear-gradient(#1d84b9,#155078)!important; border-color:#56b4df!important; color:#fff!important; }
.cb-site .cb-member-support button:hover:not(:disabled), .cb-site .cb-member-support .member-support-button:hover { filter:brightness(1.12); }
.cb-site .cb-member-support button:disabled { cursor:default; opacity:.5; }
.cb-site .cb-member-support :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid #f6d852!important; outline-offset:3px; }
.cb-site .cb-member-support input:not([type=checkbox]), .cb-site .cb-member-support select, .cb-site .cb-member-support textarea { display:block; width:100%!important; max-width:100%; min-width:0!important; height:auto!important; min-height:36px; padding:8px!important; border:1px solid #a0b4c0!important; border-radius:0; background:#f4f6f7!important; color:#111!important; font:12px/1.4 Arial,Helvetica,sans-serif!important; box-shadow:none!important; }
.cb-site .cb-member-support textarea { resize:vertical; min-height:140px; }
.cb-site .cb-member-support input[type=checkbox] { display:inline-block; width:15px!important; height:15px!important; min-height:0; padding:0; margin:2px 0 0; flex-shrink:0; }
.cb-site .cb-member-support .member-support-nav { display:flex; flex-wrap:wrap; gap:4px; padding:0 0 1px; margin:0 0 18px; background:linear-gradient(var(--support-border),var(--support-border)) left bottom/100% 1px no-repeat; }
.cb-site .cb-member-support .member-support-nav>a { min-height:34px; padding:7px 12px; border:1px solid var(--support-border); border-bottom:0; background:linear-gradient(#10374b,#031622); color:#72c6ef; font-weight:bold; text-decoration:none!important; margin-bottom:-1px; }
.cb-site .cb-member-support .member-support-nav>a[aria-current=page] { background:linear-gradient(#b8e7fb,#4a9ec4); color:#071b28; }
.cb-site .cb-member-support .member-support-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin:0 0 18px; }
.cb-site .cb-member-support .member-support-heading>div { min-width:0; }
.cb-site .cb-member-support .member-support-heading>div>small { display:block; margin-bottom:6px; color:#a7c8d9; font-size:10px; font-weight:bold; letter-spacing:.7px; }
.cb-site .cb-member-support .member-support-heading>p, .cb-site .cb-member-support .member-support-heading p { color:var(--support-muted); }
.cb-site .cb-member-support .member-support-heading>.member-support-button { flex-shrink:0; }
.cb-site .cb-member-support .member-support-filters { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px; }
.cb-site .cb-member-support .member-support-filters button { background:#102732!important; border-color:#385765!important; color:#c4d6df!important; }
.cb-site .cb-member-support .member-support-filters button[aria-pressed=true] { background:#174e6b!important; border-color:#6acdfb!important; color:#fff!important; box-shadow:inset 0 -2px #6acdfb!important; }
.cb-site .cb-member-support .member-support-search { display:flex; flex-wrap:wrap; align-items:flex-end; gap:8px; padding:12px; margin:0 0 14px; background:#142833; border:1px solid #365566; }
.cb-site .cb-member-support .member-support-search>label { display:flex; flex-direction:column; gap:4px; font-size:11px; font-weight:bold; color:#b9d0dc; }
.cb-site .cb-member-support .member-support-search>label:first-child { flex:1 1 270px; }
.cb-site .cb-member-support .member-support-search>label:last-child { min-width:70px; }
.cb-site .cb-member-support .member-support-notice { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; padding:12px 14px; margin:0 0 16px; border:1px solid #3d7190; background:#153243; color:#d4e7f0; overflow-wrap:anywhere; }
.cb-site .cb-member-support .member-support-notice>a { font-weight:bold; margin-left:auto; }
.cb-site .cb-member-support .member-support-notice.error { border-color:#a65555; background:#3c262b; color:#ffd0cd; }
.cb-site .cb-member-support .member-support-notice.success { border-color:#54846b; background:#1e392d; color:#c0efd0; }
.cb-site .cb-member-support .member-support-notice.attention { border-color:#9a813d; background:#3d3620; color:#f4dfa1; }
.cb-site .cb-member-support .member-support-status { display:inline-block; max-width:100%; padding:3px 8px; border:1px solid #628191; background:#253c49; color:#e1edf3; font-size:11px; font-weight:bold; white-space:nowrap; }
.cb-site .cb-member-support .status-waiting_on_user { border-color:#ba9843; background:#493c19; color:#ffe499; }
.cb-site .cb-member-support .status-in_progress, .cb-site .cb-member-support .status-open { border-color:#4d97bd; background:#123e59; color:#c9ecff; }
.cb-site .cb-member-support .status-escalated { border-color:#b7774b; background:#46301f; color:#ffd5ae; }
.cb-site .cb-member-support .status-resolved { border-color:#4d986a; background:#1a3826; color:#bde9c8; }
.cb-site .cb-member-support .status-closed { border-color:#667680; background:#283138; color:#d0d9de; }
.cb-site .cb-member-support .member-support-results { min-height:130px; }
.cb-site .cb-member-support .member-support-table-scroll { width:100%; overflow-x:auto; border:1px solid #365f77; }
.cb-site .cb-member-support .member-support-table { width:100%; min-width:580px; border-collapse:collapse; table-layout:auto; }
.cb-site .cb-member-support .member-support-table th { padding:9px 12px!important; background:linear-gradient(#173647,#030b10)!important; font-size:11px!important; text-align:left; color:#eee; border-bottom:1px solid #365f77; }
.cb-site .cb-member-support .member-support-table td { padding:12px!important; border:0!important; border-bottom:1px solid #354650!important; background:#222d33!important; font-size:12px!important; vertical-align:middle; text-align:left; }
.cb-site .cb-member-support .member-support-table tr:nth-child(even) td { background:#28343b!important; }
.cb-site .cb-member-support .member-support-table tbody tr:hover td { background:#164969!important; }
.cb-site .cb-member-support .member-support-table td:first-child { width:54%; min-width:230px; overflow-wrap:anywhere; }
.cb-site .cb-member-support .member-support-table td:first-child small { display:block; }
.cb-site .cb-member-support .member-support-subject { display:block; margin:4px 0; font-weight:bold; text-decoration:underline; }
.cb-site .cb-member-support .member-support-table time { display:block; max-width:130px; color:#b5c7d1; font-size:11px; }
.cb-site .cb-member-support .member-support-empty { padding:30px 16px; text-align:center; background:#132733; border:1px solid #345369; }
.cb-site .cb-member-support .member-support-empty p { color:var(--support-muted); }
.cb-site .cb-member-support .member-support-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin:14px 0 8px; }
.cb-site .cb-member-support .member-support-pagination>div { display:flex; align-items:center; gap:10px; }
.cb-site .cb-member-support .member-support-pagination>p { margin:0; color:var(--support-muted); }
.cb-site .cb-member-support .member-support-caption { color:var(--support-muted); font-size:11px; }
.cb-site .cb-member-support fieldset { margin:0 0 20px!important; padding:16px!important; border:1px solid #3c6175!important; min-width:0; }
.cb-site .cb-member-support legend { padding:0 8px; color:#a5d8f2; font-size:13px; font-weight:bold; }
.cb-site .cb-member-support legend>span { display:inline-flex; justify-content:center; align-items:center; width:23px; height:23px; margin-right:7px; background:#28658a; border:1px solid #65afd4; color:#fff; }
.cb-site .cb-member-support .member-support-field { display:flex; flex-direction:column; align-items:stretch; text-align:left; gap:6px; margin:0 0 16px; min-width:0; font-weight:bold; }
.cb-site .cb-member-support .member-support-field>small { font-weight:normal; }
.cb-site .cb-member-support .member-support-field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:16px; }
.cb-site .cb-member-support .member-support-category { padding:12px; border-left:3px solid #3f96c0; background:#172f3b; font-weight:normal; }
.cb-site .cb-member-support .member-support-category.warning { border-color:#b99a46; background:#3b3420; }
.cb-site .cb-member-support .member-support-category.danger { border-color:#c56d6d; background:#3d282e; }
.cb-site .cb-member-support .member-support-category.success { border-color:#6ba880; background:#22392c; }
.cb-site .cb-member-support .member-support-category img { display:block; max-width:100%; max-height:160px; object-fit:contain; margin-bottom:10px; }
.cb-site .cb-member-support .bbcode-editor { min-width:0; font-weight:normal; }
.cb-site .cb-member-support .bbcode-toolbar { display:flex; flex-wrap:wrap; gap:4px; margin-bottom:6px; }
.cb-site .cb-member-support .bbcode-toolbar button { min-width:32px; padding:4px 8px!important; }
.cb-site .cb-member-support .bbcode-preview, .cb-site .cb-member-support .member-support-preview { padding:12px; min-height:110px; border:1px solid #44647a; background:#142731; margin-bottom:8px; }
.cb-site .cb-member-support .member-support-invalid { color:#ffabab!important; }
.cb-site .cb-member-support .member-support-evidence>p { font-size:11px; color:var(--support-muted); }
.cb-site .cb-member-support .member-support-proof { display:flex; align-items:flex-end; gap:8px; margin-bottom:10px; }
.cb-site .cb-member-support .member-support-proof>label { display:flex; flex-direction:column; gap:4px; flex:1; font-size:11px; }
.cb-site .cb-member-support .member-support-agreement { max-height:230px; overflow-y:auto; background:#142731; padding:12px; border:1px solid #345466; margin-bottom:12px; }
.cb-site .cb-member-support .member-support-check { display:flex; align-items:flex-start; gap:8px; font-size:11px; font-weight:normal; text-align:left; }
.cb-site .cb-member-support .member-support-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #355266; padding:14px 0 4px; margin-top:12px; }
.cb-site .cb-member-support .member-support-actions>span { color:var(--support-muted); font-size:11px; }
.cb-site .cb-member-support .member-support-case-layout { display:grid; grid-template-columns:minmax(0,1fr) 210px; align-items:start; gap:18px; }
.cb-site .cb-member-support .member-support-conversation { min-width:0; }
.cb-site .cb-member-support .member-support-thread-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:0 0 10px; }
.cb-site .cb-member-support .member-support-thread-heading>div { display:flex; align-items:center; gap:12px; }
.cb-site .cb-member-support .member-support-thread-heading h3 { margin:0!important; }
.cb-site .cb-member-support .member-support-messages { display:flex; flex-direction:column; gap:12px; }
.cb-site .cb-member-support .member-support-message { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; padding:14px; border:1px solid #3b5462; background:#232e35; }
.cb-site .cb-member-support .member-support-message.from-staff { background:#193445; border-color:#3d789a; border-left:3px solid #56abd7; }
.cb-site .cb-member-support .member-support-avatar { width:42px; height:42px; overflow:hidden; border:1px solid #7896a6; border-radius:3px; background:#11212b; }
.cb-site .cb-member-support .member-support-message-content { min-width:0; overflow-wrap:anywhere; }
.cb-site .cb-member-support .member-support-message-content header { display:flex; flex-wrap:wrap; align-items:center; gap:5px 9px; margin:0 0 12px; padding:0; border:0; width:auto; min-height:0; background:none; }
.cb-site .cb-member-support .member-support-message-content header>a { font-size:12px; font-weight:bold; }
.cb-site .cb-member-support .member-support-message-content time { color:var(--support-muted); font-size:10px; margin-left:auto; }
.cb-site .cb-member-support .member-support-staff-label { color:#8adbc1; font-size:9px; font-weight:bold; letter-spacing:.5px; }
.cb-site .cb-member-support .member-support-case-details { padding:14px; background:#142b37; border:1px solid #345b73; }
.cb-site .cb-member-support .member-support-case-details h3 { border-bottom:1px solid #365b70; padding-bottom:10px; }
.cb-site .cb-member-support .member-support-case-details dl { margin:0 0 16px; }
.cb-site .cb-member-support .member-support-case-details dl>div { padding:8px 0; }
.cb-site .cb-member-support .member-support-case-details dt { color:var(--support-muted); font-size:10px; text-transform:uppercase; letter-spacing:.35px; }
.cb-site .cb-member-support .member-support-case-details dd { margin:3px 0 0; font-size:12px; overflow-wrap:anywhere; }
.cb-site .cb-member-support .member-support-case-details>p { color:var(--support-muted); font-size:11px; }
.cb-site .cb-member-support .member-support-case-details>a { display:block; margin-top:10px; }
.cb-site .cb-member-support .member-support-reply, .cb-site .cb-member-support .member-support-closed { margin-top:20px; border:1px solid #3d6075; background:#142a36; padding:16px; }
.cb-site .cb-member-support .member-support-reply>p, .cb-site .cb-member-support .member-support-closed>p { color:var(--support-muted); font-size:11px; }
.cb-site .cb-member-support .member-support-reply fieldset { padding:0!important; border:0!important; margin-bottom:0!important; }
.cb-site .cb-member-support .member-support-reply-tools { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.cb-site .cb-member-support .member-support-reply summary { color:#74cdf5; cursor:pointer; margin-bottom:6px; }
.cb-site .cb-member-support .member-support-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.cb-site .cb-member-support-page .member-support-landing { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 14px; padding:18px; border:1px solid #367394; background:linear-gradient(#163a50,#101c26); }
.cb-site .cb-member-support-page .member-support-landing h1 { margin:0 0 6px!important; font-size:23px!important; color:#eee!important; }
.cb-site .cb-member-support-page .member-support-landing p { margin:0; color:#bdd0db; font-size:12px; }
.cb-site .cb-member-support-page .member-support-landing>a { flex-shrink:0; }
.cb-site .cb-member-support-page .member-support-quick-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:14px 0; }
.cb-site .cb-member-support-page .member-support-quick-links>section { margin:0; }
.cb-site .cb-member-support-page .member-support-quick-links p { color:#b1c5d1; line-height:1.5; }
@media(max-width:800px) {
  .cb-site .cb-member-support .member-support-case-layout { grid-template-columns:minmax(0,1fr); }
  .cb-site .cb-member-support .member-support-case-details { grid-row:1; }
  .cb-site .cb-member-support .member-support-case-details dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; margin-bottom:6px; }
  .cb-site .cb-member-support .member-support-case-details>p, .cb-site .cb-member-support .member-support-case-details>a { display:none; }
}
@media(max-width:600px) {
  .cb-site .cb-member-support .member-support-heading, .cb-site .cb-member-support-page .member-support-landing { flex-wrap:wrap; gap:12px; }
  .cb-site .cb-member-support .member-support-field-grid, .cb-site .cb-member-support-page .member-support-quick-links { grid-template-columns:minmax(0,1fr); }
  .cb-site .cb-member-support .member-support-search>label:first-child { flex-basis:100%; }
  .cb-site .cb-member-support .member-support-message { grid-template-columns:30px minmax(0,1fr); padding:10px; gap:8px; }
  .cb-site .cb-member-support .member-support-avatar { width:30px; height:30px; }
  .cb-site .cb-member-support .member-support-message-content time { width:100%; margin:0; }
  .cb-site .cb-member-support fieldset { padding:12px!important; }
}