/* Support surfaces sit over the existing application background. */
.sp-scope{--sp-red:#ff294b;--sp-muted:#b5b5bf;--sp-line:rgba(255,255,255,.19);color:#f7f7fa;font-family:inherit;min-width:0}
.sp-scope *{box-sizing:border-box}.sp-scope button,.sp-scope input,.sp-scope select,.sp-scope textarea{font:inherit}.sp-scope button{cursor:pointer}.sp-scope button:disabled{cursor:default;opacity:.5}.sp-scope svg{width:22px;height:22px;flex-shrink:0}.sp-scope [hidden]{display:none!important}
.sp-page-head{margin:6px 0 28px}.sp-eyebrow{font-size:10px;letter-spacing:.19em;color:#d3a7af}.sp-page-head h1{font-size:clamp(32px,4vw,46px);font-weight:650;letter-spacing:-.045em;margin:8px 0}.sp-page-head>p{font-size:15px;color:#c3c3cc;line-height:1.6;margin:0}
.sp-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px;align-items:start}.sp-right{display:grid;gap:18px;min-width:0}.sp-panel{min-width:0;padding:24px;border:1px solid var(--sp-line);border-top-color:rgba(255,255,255,.35);border-radius:20px;background:radial-gradient(ellipse at 100% 0,rgba(144,24,44,.14),transparent 52%),linear-gradient(145deg,rgba(255,255,255,.085),rgba(13,14,20,.72) 58%);box-shadow:inset 0 1px 0 #ffffff0a,0 18px 45px #0004,0 0 25px #ff163a06;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.sp-panel-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.sp-panel-head h2{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.035em;margin:0 0 5px}.sp-panel-head p{color:var(--sp-muted);font-size:12px;line-height:1.65;margin:0}.sp-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ff53647a;border-radius:14px;color:#ffc2cc;background:linear-gradient(145deg,#ff284b42,#9c142318);box-shadow:inset 0 1px 0 #ffb0b92b,0 0 18px #fd183c15;flex-shrink:0}.sp-icon svg{width:25px;height:25px}
.sp-accordion{display:grid;gap:10px}.sp-faq-item{border:1px solid #ffffff2b;border-radius:13px;background:linear-gradient(125deg,#ffffff09,#ffffff02);overflow:hidden;box-shadow:inset 0 1px 0 #ffffff09;transition:border-color .25s,background .25s,box-shadow .25s}.sp-faq-item h3{margin:0}.sp-faq-item h3 button{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;width:100%;min-height:54px;padding:15px 17px;border:0;background:none;color:#f6f5f8;font-size:13px;font-weight:550;line-height:1.5}.sp-faq-item h3 button span{width:24px;height:24px;border:1px solid #c2c2cc66;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:21px;font-weight:300;line-height:1}.sp-expanded{border-color:#ff405bba;background:linear-gradient(145deg,#af1c3540,#1e11191a);box-shadow:inset 0 1px 0 #ff788e2e,0 0 22px #ff153517}.sp-expanded h3 button span{border-color:#ff4965;color:#ffb2bf}.sp-answer{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .3s ease,visibility .3s}.sp-answer>div{overflow:hidden;min-height:0}.sp-expanded .sp-answer{grid-template-rows:1fr;visibility:visible}.sp-answer p{margin:0 17px;padding:15px 0 19px;border-top:1px solid #ffffff17;font-size:13px;color:#d0cad0;line-height:1.8}.sp-scope a{color:#ffb0be;text-underline-offset:3px}.sp-scope a:hover{color:white}
.sp-form{display:grid;gap:17px}.sp-fields{display:grid;grid-template-columns:1fr 1.15fr;gap:14px}.sp-scope label,.sp-label{display:grid;gap:8px;font-size:12px;font-weight:550;min-width:0}.sp-label span{font-weight:400;color:var(--sp-muted)}.sp-scope input:not([type=file]),.sp-scope select,.sp-scope textarea{width:100%;min-width:0;min-height:46px;border:1px solid #ffffff30;border-radius:11px;color:#f4f1f5;background:linear-gradient(125deg,#ffffff0d,#ffffff04);padding:12px 14px;box-shadow:inset 0 2px 5px #0002;outline:none;transition:border-color .2s,box-shadow .2s}.sp-scope textarea{resize:vertical;line-height:1.6;min-height:100px}.sp-scope select{padding-right:24px}.sp-scope option{background:#19151d;color:white}.sp-scope input::placeholder,.sp-scope textarea::placeholder{color:#96939e;font-weight:400}.sp-scope :is(input,textarea,select):focus{border-color:#ff4965;box-shadow:0 0 0 3px #ff294b19}.sp-scope :is(input,textarea):user-invalid{border-color:#ff6d81}.sp-scope button:focus-visible,.sp-scope a:focus-visible,.sp-upload:focus-within{outline:2px solid #ff8398;outline-offset:4px}.sp-count{text-align:right;color:#9c98a4;font-size:10px;margin-top:-4px}.sp-upload-wrap{display:grid;gap:8px}.sp-upload{position:relative;display:flex!important;align-items:center;justify-content:flex-start;gap:14px;padding:14px;border:1px dashed #ffffff3f;border-radius:12px;background:#0000001c;min-height:70px;cursor:pointer}.sp-upload>svg{color:#d3d1d8}.sp-upload strong{display:block;font-size:12px;font-weight:500}.sp-upload small{display:block;font-size:10px;color:var(--sp-muted);margin-top:5px;font-weight:400}.sp-upload input{position:absolute;width:1px;height:1px;opacity:0}.sp-upload.sp-drag{border-color:#ff4965;background:#ff294b15}.sp-files{display:flex;flex-wrap:wrap;gap:6px}.sp-files>span{max-width:100%;overflow-wrap:anywhere;border:1px solid #ffffff24;background:#ffffff09;border-radius:9px;padding:3px 5px 3px 10px;font-size:11px}.sp-files button{min-width:32px;min-height:32px;border:0;background:none;color:#ffc0cd;font-size:19px}.sp-form-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.sp-feedback{font-size:12px;color:#9de1bc;line-height:1.6;margin:0;overflow-wrap:anywhere;flex:1}.sp-error{color:#ff9aaa!important}.sp-primary,.sp-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:12px;padding:12px 18px;white-space:nowrap;font-size:12px;font-weight:600}.sp-primary{background:linear-gradient(160deg,#ff3758,#e8002a);color:white;border:1px solid #ff6b83;box-shadow:inset 0 1px 0 #ffc6d25c,0 6px 24px #ff164437;transition:box-shadow .2s,transform .2s}.sp-primary:hover{box-shadow:inset 0 1px 0 #ffc6d25c,0 8px 30px #ff16445c;transform:translateY(-1px)}.sp-secondary{background:#ffffff09;color:#eee9f0;border:1px solid #ffffff30}.sp-sent{animation:sp-success .6s ease}@keyframes sp-success{50%{filter:drop-shadow(0 0 5px #ff294b66)}}
.sp-ticket-list{display:grid;gap:8px}.sp-ticket-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #ffffff10;border-radius:12px;background:#ffffff03;color:inherit;padding:14px 10px;transition:border-color .2s,background .2s;min-width:0}.sp-ticket-row:hover{background:#ffffff09;border-color:#ffffff40}.sp-ticket-row.sp-unread{background:linear-gradient(120deg,#ff294b19,#ffffff05);border-color:#ff566a45}.sp-ticket-symbol{position:relative;display:grid;place-items:center;width:32px;height:36px;flex-shrink:0;color:#ddd6df}.sp-ticket-symbol i{position:absolute;width:7px;height:7px;background:#ff3655;border-radius:50%;left:-4px;top:3px;box-shadow:0 0 9px #ff294b}.sp-ticket-copy{display:grid;gap:4px;min-width:0;flex:1;overflow-wrap:anywhere}.sp-ticket-copy strong{font-size:12px;font-weight:550}.sp-ticket-copy>span,.sp-ticket-copy small{font-size:10px;color:#b8b1bf;line-height:1.6}.sp-ticket-number{color:#e5cad2!important;letter-spacing:.03em}.sp-badge{display:inline-flex;justify-content:center;align-items:center;font-size:9px;font-weight:550;padding:7px 9px;line-height:1.4;max-width:116px;flex-shrink:0;border:1px solid #ff566a77;border-radius:18px;background:#c52a3c15;color:#ffc1cc;text-align:center}.sp-awaiting_support{border-color:#f2ae5666;color:#fbd09a;background:#da8d2411}.sp-awaiting_athlete{border-color:#89a8ff66;color:#c3d1ff;background:#758cff13}.sp-resolved{border-color:#4ed59066;color:#a1e4bb;background:#26bd6e12}.sp-chevron{color:#aaa0ad;font-size:23px}.sp-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;font-size:10px;color:#aaa4b2}.sp-pagination button{padding:8px 10px;min-height:40px;border:1px solid #ffffff20;border-radius:9px;background:#ffffff05;color:#d5cfd9;font-size:11px}.sp-empty{text-align:center;padding:25px 10px;color:var(--sp-muted);font-size:13px;line-height:1.7}.sp-empty svg{width:35px;height:35px;color:#dc8294}.sp-empty h3{color:#e5dfe9;font-weight:500;font-size:16px;margin:10px 0 4px}.sp-empty p{margin:0}.sp-loading{animation:sp-pulse 1.5s ease-in-out infinite}@keyframes sp-pulse{50%{opacity:.5}}.sp-nav-dot{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;margin-left:7px;padding:0 4px;border-radius:12px;background:#f32949;color:white;font-size:10px;box-shadow:0 0 12px #ff294b38}.sp-nav-dot[hidden]{display:none!important}
.sp-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.5fr) auto;align-items:end;gap:12px;margin-bottom:22px}.sp-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #ffffff40;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#621a3033,transparent 55%),#14131bf2;color:#f4f1f7;box-shadow:0 35px 100px #000a,inset 0 1px 0 #ffffff17;backdrop-filter:blur(30px);overflow:auto}.sp-dialog::backdrop{background:#05050bb5;backdrop-filter:blur(9px)}.sp-conversation-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #ffffff18;background:#19161ff5}.sp-conversation-head h2{font-size:19px;line-height:1.5;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}.sp-close{width:44px;height:44px;flex-shrink:0;border:1px solid #ffffff25;border-radius:12px;background:#ffffff07;color:#e7dee9;font-size:27px}.sp-conversation-meta{padding:18px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:#bdb4c4}.sp-conversation-meta small,.sp-conversation-meta strong{width:100%;font-size:11px;overflow-wrap:anywhere}.sp-thread{padding:4px 24px 20px;display:flex;flex-direction:column;gap:16px;max-height:45dvh;overflow-y:auto}.sp-message{padding:16px;border:1px solid #ffffff20;border-radius:15px;background:#ffffff05;width:92%;align-self:flex-end}.sp-message-admin{align-self:flex-start;background:linear-gradient(130deg,#ff294b15,#ffffff03);border-color:#ff65793d}.sp-message header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;color:#a9a0b1}.sp-message header strong{font-size:11px;color:#e5d6e1}.sp-message p{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}.sp-attachment{display:block;margin-top:12px;text-decoration:none!important;max-width:260px}.sp-attachment img{display:block;max-width:100%;max-height:180px;object-fit:contain;border-radius:9px;border:1px solid #ffffff20}.sp-attachment span{display:block;font-size:10px;overflow-wrap:anywhere;padding-top:6px}.sp-history{padding:0 24px 16px;font-size:11px;color:#b6aaba}.sp-history summary{cursor:pointer;min-height:32px;padding:8px 0}.sp-history ol{padding-left:18px}.sp-history li{margin:8px 0;line-height:1.7}.sp-history time{color:#8e849b;margin-right:8px}.sp-detail-actions{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:0 24px 18px}.sp-detail-actions:empty{display:none}.sp-detail-actions p{font-size:12px;line-height:1.6;color:#c3b6c8}.sp-status-feedback{font-size:12px}.sp-reply{border-top:1px solid #ffffff19;padding:22px 24px;background:#ffffff02}
@media(min-width:1600px){.sp-panel{padding:28px}.sp-faq-item h3 button{font-size:14px;min-height:60px}.sp-answer p{font-size:14px}}
@media(max-width:1100px){.sp-layout{grid-template-columns:1fr}.sp-faq{max-width:none}.sp-fields{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sp-page-head{margin:0 0 22px}.sp-eyebrow{font-size:8px;letter-spacing:.13em}.sp-page-head>p{font-size:13px}.sp-panel{padding:18px 15px;border-radius:17px}.sp-panel-head{gap:12px;margin-bottom:19px}.sp-panel-head h2{font-size:18px}.sp-panel-head p{font-size:11px}.sp-icon{width:42px;height:44px;border-radius:12px}.sp-fields{grid-template-columns:1fr}.sp-form-footer{flex-direction:column;align-items:stretch}.sp-primary{min-height:48px}.sp-faq-item h3 button{padding:14px 13px}.sp-answer p{margin:0 13px;font-size:12px}.sp-ticket-row{flex-wrap:wrap;gap:8px;padding:13px 10px}.sp-ticket-symbol{display:none}.sp-ticket-copy{flex-basis:calc(100% - 130px)}.sp-ticket-copy strong{font-size:12px}.sp-badge{font-size:9px;max-width:100px;padding:6px 7px}.sp-chevron{display:none}.sp-filters{grid-template-columns:1fr}.sp-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:17px}.sp-conversation-head{padding:14px 16px}.sp-conversation-head h2{font-size:16px}.sp-conversation-meta,.sp-reply{padding:16px}.sp-thread{padding:0 16px 16px;max-height:42dvh}.sp-history{padding:0 16px 12px}.sp-detail-actions{padding:0 16px 16px}.sp-message{width:97%;padding:13px}.sp-message p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.sp-scope *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.sp-upload-wrap>.sp-label{display:block;line-height:1.6}.sp-upload-wrap>.sp-label span{margin-left:4px}
@media(max-width:767px){
  .mobile-bottom-nav:has(#navSupportMobile){grid-template-columns:repeat(5,minmax(0,1fr))}
  #navSupportMobile .sp-nav-dot{position:absolute;top:2px;right:8px;margin:0;min-width:16px;height:16px;line-height:16px;font-size:9px}
  #pageAdmin .admin-topbar{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  #pageAdmin .admin-topbar-left{width:100%;flex:none;flex-direction:column;align-items:stretch;overflow:visible;gap:8px}
  #pageAdmin .admin-tab-bar{width:100%;min-height:44px;flex:none}
  #pageAdmin .admin-tab-btn{min-height:44px;flex:0 0 auto}
  #pageAdmin .admin-period-bar{width:100%;flex-shrink:1;flex-wrap:wrap}
  #pageAdmin:has(#adminTab-support:not(.hidden)) .admin-period-bar{display:none}
  #pageAdmin:has(#adminTab-support:not(.hidden)) .admin-content{padding:16px 0}
}
.sp-legal-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:28px;padding:18px 4px 6px;border-top:1px solid rgba(255,255,255,.14)}
.sp-legal-links a{min-height:36px;display:inline-flex;align-items:center;color:#ff7d8d;font-size:13px;text-underline-offset:3px}
.sp-legal-links a:hover{color:#ffb5be}
.sp-legal-links a:focus-visible{outline:2px solid #ff8b99;outline-offset:3px;border-radius:3px}