/* Responsive member support. The route marker keeps the classic public pages unchanged. */
.member-support-site-menu { display:none; }
.member-support-skip { position:absolute;left:12px;top:-100px;z-index:10000;padding:12px 16px;background:#f4d55a;color:#10222d;font:700 14px/1.4 Arial,sans-serif; }
.member-support-skip:focus { top:12px; }

@media(max-width:1054px) {
  html:has(.member-support-route),body:has(.member-support-route) { min-width:0!important;width:100%!important; }
  html body:has(.member-support-route) .cb-site { min-width:0!important; }
  html body .member-support-route .cb-site { min-height:calc(100dvh - 160px)!important; }
  html body .member-support-route .shell-frame { width:100%!important;max-width:935px!important;min-width:0!important; }
  html body .member-support-route .site-page { padding:12px!important; }
  html body .member-support-route .cb-site>.nav-shell { display:none!important; }
  html body .member-support-route .footer-row { display:flex!important;flex-wrap:wrap;gap:10px;padding:14px 12px!important;line-height:1.5!important; }
  html body .member-support-route .footer-links { flex-wrap:wrap;gap:6px 14px; }
  html body .member-support-route .footer-links a { display:inline-flex;align-items:center;min-height:44px;font-size:12px!important; }
  html body .member-support-route .footer-links i { display:none; }

  .member-support-route .member-support-site-menu { display:block;max-width:935px;margin:0 auto;border-block:1px solid #34556d;background:#102c3e;color:#e6f1f8;font:14px/1.5 Arial,sans-serif; }
  .member-support-route .member-support-site-menu>summary { min-height:48px;padding:13px 16px;cursor:pointer;font-weight:bold; }
  .member-support-route .member-support-site-menu-content { max-height:70dvh;overflow:auto;padding:4px 16px 16px;border-top:1px solid #34556d; }
  .member-support-route .member-support-site-menu nav { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:10px 0 18px; }
  .member-support-route .member-support-site-menu nav section { min-width:0; }
  .member-support-route .member-support-site-menu nav a { display:flex;align-items:center;min-height:44px;padding:9px 6px;color:#b3ddf2;font:13px/1.5 Arial,sans-serif;overflow-wrap:anywhere; }
  .member-support-route .member-support-site-menu nav a.member-support-site-menu-heading { color:#fff;font-size:14px;font-weight:bold;border-bottom:1px solid #34556d; }
  .member-support-route .member-support-site-menu form>label { display:block;margin-bottom:8px; }
  .member-support-route .member-support-site-menu form>div { display:flex;gap:8px; }
  .member-support-route .member-support-site-menu input { min-width:0;flex:1;width:100%;min-height:44px;padding:8px 12px;border:1px solid #a0b4c0;border-radius:3px;font:16px/1.5 Arial,sans-serif;background:#f2f5f7;color:#10222d; }
  .member-support-route .member-support-site-menu button { min-height:44px;padding:8px 16px;border:1px solid #79bde0;border-radius:3px;background:#19577b;color:#fff;font:700 14px/1.5 Arial,sans-serif; }
  .member-support-route .member-support-site-menu :is(a,summary,input,button):focus-visible { outline:2px solid #f6d852;outline-offset:2px; }

  html body:has(.member-support-route) .persistent-masthead { height:auto!important; }
  html body:has(.member-support-route) .persistent-masthead .masthead { height:auto!important; }
  html body:has(.member-support-route) .persistent-masthead .masthead-inner { width:100%!important;max-width:935px;min-height:101px;height:101px!important; }
  html body:has(.member-support-route) .persistent-masthead .cb-main-logo { left:16px!important;width:calc(100% - 530px)!important;max-width:336px!important; }

  html body .cb-site .cb-member-support.support-v3 :is(button,.member-support-button) { min-height:44px!important;font-size:14px!important; }
  html body .cb-site .cb-member-support.support-v3 :is(input:not([type=checkbox]),select,textarea) { min-height:44px;font-size:16px!important; }
  html body .cb-site .cb-member-support.support-v3 input[type=checkbox] { width:20px!important;height:20px!important; }
  html body .cb-site .cb-member-support.support-v3 .member-support-check { min-height:44px;align-items:center;font-size:13px;line-height:1.5; }
  html body .cb-site .cb-member-support.support-v3 .member-support-nav>a { display:flex;align-items:center;min-height:48px;font-size:14px!important; }
  html body .cb-site .cb-member-support.support-v3 .member-support-heading>a:not(.member-support-button),
  html body .cb-site .cb-member-support.support-v3 .member-support-actions>a { display:inline-flex;align-items:center;min-height:44px;padding:8px 0; }
  html body .cb-site .cb-member-support.support-v3 .member-support-notice>a { display:inline-flex;align-items:center;min-height:44px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-thread-heading { gap:12px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-thread-heading>div { flex-wrap:wrap; }
  html body .cb-site .cb-member-support.support-v3 .member-support-reply summary { min-height:44px;padding-block:12px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-reply-tools { flex-wrap:wrap; }
  html body .cb-site .cb-member-support.support-v3 .member-support-message-content :is(img,video,iframe) { max-width:100%!important;height:auto; }
  html body .cb-site .cb-member-support.support-v3 :is(.bbcode-preview,.member-support-preview,.member-request-review) { min-width:0;overflow-wrap:anywhere; }
  html body .cb-site .cb-member-support.support-v3 :is(.member-support-message-content,.member-request-review,.member-support-preview) pre { max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere; }
  html body .cb-site .cb-member-support.support-v3 .member-review-evidence>a,
  html body .cb-site .cb-member-support.support-v3 .member-support-case-details>a { min-height:44px;display:flex;align-items:center; }
}

@media(max-width:800px) {
  html body:has(.member-support-route) .persistent-masthead .masthead-inner { display:flex!important;flex-direction:column;align-items:stretch!important;gap:8px;padding:8px 12px 10px!important;height:auto!important; }
  html body:has(.member-support-route) .persistent-masthead .cb-main-logo { position:relative!important;left:auto!important;top:auto!important;width:260px!important;max-width:100%!important;height:66px!important;flex:0 0 66px; }
  html body:has(.member-support-route) .persistent-masthead .cb-main-logo img { height:66px!important;max-height:66px!important; }
  html body:has(.member-support-route) .persistent-masthead .legacy-member-portal { position:relative!important;top:auto!important;right:auto!important;width:100%!important;height:auto!important;border-radius:4px!important;overflow:visible!important; }
  html body:has(.member-support-route) .persistent-masthead .member-portal-top { min-height:44px!important;height:auto!important;padding:0 10px!important;gap:8px!important;flex-wrap:wrap!important;background:#10374d!important; }
  html body:has(.member-support-route) .persistent-masthead .member-portal-top:before { display:none!important; }
  html body:has(.member-support-route) .persistent-masthead .member-portal-top>a,
  html body:has(.member-support-route) .persistent-masthead .member-portal-top button,
  html body:has(.member-support-route) .persistent-masthead .member-portal-top>span>a { display:inline-flex!important;align-items:center;min-height:44px!important; }
  html body:has(.member-support-route) .persistent-masthead .member-portal-top,
  html body:has(.member-support-route) .persistent-masthead .member-portal-top * { font-size:12px!important;line-height:1.5!important; }
  html body:has(.member-support-route) .persistent-masthead .member-portal-top>span:first-child { min-width:0;overflow-wrap:anywhere; }
  html body:has(.member-support-route) .persistent-masthead .member-portal-body { display:none!important; }
  html body:has(.member-support-route) .persistent-masthead .legacy-mybar { position:relative!important;top:auto!important;right:auto!important;width:100%!important;height:auto!important;background:none!important; }
  html body:has(.member-support-route) .persistent-masthead .legacy-mybar:before,
  html body:has(.member-support-route) .persistent-masthead .legacy-mybar:after { display:none!important; }
  html body:has(.member-support-route) .persistent-masthead .cb-guest-links { position:static!important;width:auto!important;height:auto!important;display:flex!important;flex-wrap:wrap!important;gap:4px 14px!important;padding:0!important;background:none!important; }
  html body:has(.member-support-route) .persistent-masthead .cb-guest-links :is(span,a) { position:static!important;left:auto!important;top:auto!important; }
  html body:has(.member-support-route) .persistent-masthead .cb-guest-links a { display:inline-flex!important;align-items:center;min-height:44px;font:700 10px/22px "Lucida Grande",Tahoma,Arial,sans-serif!important;color:#aedcf5!important;background:none!important;padding:0!important; }
  html body:has(.member-support-route) .persistent-masthead .cb-guest-links i,
  html body:has(.member-support-route) .persistent-masthead .new-to-box { display:none!important; }
  .member-support-route .member-support-site-menu nav { grid-template-columns:repeat(2,minmax(0,1fr)); }

  html body .cb-site .cb-member-support.support-v3 .member-support-case-layout,
  html body .cb-site .cb-member-support.support-v3 .member-create-layout { grid-template-columns:minmax(0,1fr); }
  html body .cb-site .cb-member-support.support-v3 .member-create-summary { padding:16px 0 0;border-left:0;border-top:1px solid #355269; }
}

@media(max-width:600px) {
  html body .member-support-route .site-page { padding:8px!important; }
  html body .cb-site .cb-member-support.support-v3 { padding:14px;font-size:14px;line-height:1.6; }
  html body .cb-site .cb-member-support.support-v3 h2 { font-size:23px!important; }
  html body .cb-site .cb-member-support.support-v3 .member-support-nav { margin:-14px -14px 22px;padding-inline:10px;gap:0;flex-wrap:nowrap;justify-content:space-between; }
  html body .cb-site .cb-member-support.support-v3 .member-support-nav>a { min-width:0;padding:12px 5px;text-align:center;justify-content:center;line-height:1.4;font-size:13px!important; }
  html body .cb-site .cb-member-support.support-v3 .member-support-heading { gap:14px;margin-bottom:20px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-heading>.member-support-button { width:100%; }
  html body .cb-site .cb-member-support.support-v3 .member-support-heading p { font-size:14px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-filters { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); }
  html body .cb-site .cb-member-support.support-v3 .member-support-filters>button { padding:10px 5px!important;font-size:12px!important; }
  html body .cb-site .cb-member-support.support-v3 .member-support-search { padding:14px 0;gap:10px;background:none; }
  html body .cb-site .cb-member-support.support-v3 .member-support-search>label { font-size:12px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-search>label:first-child { flex:1 0 100%; }
  html body .cb-site .cb-member-support.support-v3 .member-support-search>button { flex:1; }
  html body .cb-site .cb-member-support.support-v3 .member-support-search>label:last-child { flex:1; }

  /* Preserve one set of ticket links and table semantics while stacking each request. */
  html body .cb-site .cb-member-support.support-v3 .member-support-table-scroll { border:0;overflow:visible; }
  html body .cb-site .cb-member-support.support-v3 .member-support-table { display:block;width:100%;min-width:0; }
  html body .cb-site .cb-member-support.support-v3 .member-support-table thead { position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
  html body .cb-site .cb-member-support.support-v3 .member-support-table tbody { display:grid;gap:12px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-table tbody tr { display:grid;grid-template-columns:minmax(0,1fr) auto;padding:14px;gap:10px 12px;border:1px solid #355064;border-radius:4px;background:#172e3c; }
  html body .cb-site .cb-member-support.support-v3 .member-support-table tbody tr:nth-child(even) { background:#1b3342; }
  html body .cb-site .cb-member-support.support-v3 .member-support-table tbody tr td { display:block;min-width:0;width:auto;border:0!important;padding:0!important;background:none!important;font-size:13px!important; }
  html body .cb-site .cb-member-support.support-v3 .member-support-table td:first-child { grid-column:1/-1;min-width:0;width:auto; }
  html body .cb-site .cb-member-support.support-v3 .member-support-table td[data-label="Status"] { grid-column:1; }
  html body .cb-site .cb-member-support.support-v3 .member-support-table td[data-label="Last activity"] { grid-column:1; }
  html body .cb-site .cb-member-support.support-v3 .member-support-table td[data-label="Last activity"]:before { content:attr(data-label);display:block;color:#92acbd;font-size:11px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-table td:last-child { grid-column:2;grid-row:2/4;align-self:end; }
  html body .cb-site .cb-member-support.support-v3 .member-support-table time { max-width:none;font-size:12px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-subject { display:flex;align-items:center;min-height:44px;font-size:16px!important; }
  html body .cb-site .cb-member-support.support-v3 .member-support-pagination { gap:12px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-pagination>div { width:100%;justify-content:space-between;gap:8px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-pagination>div>button { padding:8px 12px!important; }

  html body .cb-site .cb-member-support.support-v3 .member-create-main { padding:14px; }
  html body .cb-site .cb-member-support.support-v3 .member-form-progress button { font-size:12px!important;padding:10px 4px!important; }
  html body .cb-site .cb-member-support.support-v3 .member-support-create legend { font-size:18px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-field,
  html body .cb-site .cb-member-support.support-v3 .member-step-description { font-size:13px; }
  html body .cb-site .cb-member-support.support-v3 .bbcode-toolbar button { min-width:44px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-proof { flex-wrap:wrap; }
  html body .cb-site .cb-member-support.support-v3 .member-support-proof>label { min-width:0;flex-basis:100%;font-size:12px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-actions { gap:10px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-create .member-support-actions { display:grid;grid-template-columns:1fr auto; }
  html body .cb-site .cb-member-support.support-v3 .member-support-create .member-support-actions>.primary { grid-column:1/-1;width:100%; }
  html body .cb-site .cb-member-support.support-v3 .member-support-create .member-support-actions>a { justify-self:start; }
  html body .cb-site .cb-member-support.support-v3 .member-support-create .member-support-actions>button:not(.primary) { justify-self:start; }
  html body .cb-site .cb-member-support.support-v3 .member-support-actions>span { margin-left:0;font-size:12px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-agreement { max-height:none;font-size:13px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-thread-heading { padding:14px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-thread-heading>div:last-child { width:100%;justify-content:space-between; }
  html body .cb-site .cb-member-support.support-v3 .member-support-messages { padding:0 14px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-message { grid-template-columns:28px minmax(0,1fr);gap:9px;padding:18px 0; }
  html body .cb-site .cb-member-support.support-v3 .member-support-avatar,
  html body .cb-site .cb-member-support.support-v3 .member-support-avatar>* { width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important; }
  html body .cb-site .cb-member-support.support-v3 .member-support-message-content { font-size:14px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-message-content header>a { display:inline-flex;align-items:center;min-height:44px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-message-content time { font-size:11px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-reply,
  html body .cb-site .cb-member-support.support-v3 .member-support-closed { padding:14px; }
  html body .cb-site .cb-member-support.support-v3 .member-support-reply .member-support-actions>.primary,
  html body .cb-site .cb-member-support.support-v3 .member-support-closed>.member-support-button { width:100%; }
  html body .cb-site .cb-member-support.support-v3 .member-support-case-details dl { grid-template-columns:1fr; }
  html body .cb-site .cb-member-support.support-v3 .member-request-progress>li { font-size:12px; }
}