/* Rider countries, team identity, and compact live servers use the panel palette. */
.country-select-row{display:flex;align-items:center;gap:10px}
.country-select-row select{flex:1;min-width:0}
.country-select-row [data-country-preview]{display:flex;align-items:center;justify-content:center;width:36px;flex-shrink:0;margin-top:6px}
.country-badge{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;font-size:12px}
.country-badge img{width:26px;height:18px;object-fit:contain;flex-shrink:0}
.profile-identity .country-badge{margin-right:4px}
.country-select-row .country-badge{font-size:0}
label>.form-help{display:block;margin-top:6px;font-weight:400;line-height:1.5}
.team-directory{gap:20px}
.team-directory .team-card-with-banner{display:block;padding:0;overflow:hidden;background:#171717;border:1px solid #383838;border-radius:3px;transition:border-color .2s,background .2s}
.team-directory .team-card-with-banner:hover{border-color:#0092ff;background:#1c1c1c}
.team-card-banner{height:118px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#202020;border-bottom:1px solid #383838}
.team-card-banner>img,.team-page-banner>img{display:block;width:100%;height:100%;object-fit:cover}
.team-banner-placeholder{font-size:18px;font-weight:700;letter-spacing:3px;color:#657380;text-align:center;padding:20px}
.team-card-identity{display:flex;align-items:center;gap:14px;padding:18px;min-width:0}
.team-card-identity>.team-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:55px;height:55px;object-fit:contain;background:#101010;border:1px solid #414141;border-radius:3px;padding:5px}
.team-card-identity>div{flex:1;min-width:0}
.team-card-identity h3{color:#fff;margin-bottom:7px;overflow-wrap:anywhere}
.team-card-identity p{font-size:12px;line-height:1.4;color:#a4b0bd;margin-bottom:6px}
.team-card-identity small{display:flex;align-items:center;gap:8px;font-size:11px;color:#c3d2e3}
.team-back{display:inline-block;margin-bottom:17px}
.team-banner-summary.team-summary{padding:0;display:block;overflow:hidden}
.team-page-banner{height:220px;display:flex;align-items:center;justify-content:center;background:#202020;border-bottom:1px solid #414141}
.team-page-banner .team-banner-placeholder{font-size:25px;letter-spacing:5px}
.team-summary-content{padding:24px;display:flex;align-items:flex-start;gap:24px;justify-content:space-between}
.team-summary-content .team-summary-main{align-items:flex-start;flex:1;min-width:0}
.team-summary-content .team-portrait{width:104px;height:104px;object-fit:contain;padding:8px;background:#101010;border:1px solid #414141;border-radius:3px;margin-top:-53px;position:relative;flex-shrink:0}
.team-summary-content .team-portrait.fallback{display:flex;align-items:center;justify-content:center;font-size:28px}
.team-summary-content h1{font-size:26px;text-transform:none;margin-bottom:10px;padding:0;border:0;letter-spacing:.2px;overflow-wrap:anywhere}
.team-summary-content .eyebrow{margin-bottom:6px}
.team-summary-content .team-country{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;margin-bottom:12px;color:#a4b0bd}
.team-summary-content>.actions{flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;max-width:220px}
.home-server-list{display:block}
.home-server-row{display:grid;grid-template-columns:minmax(0,1fr) 55px auto;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #303030}
.home-server-row:first-child{padding-top:0}
.home-server-row:last-child{border-bottom:0}
.home-server-main{display:flex;align-items:center;gap:12px;min-width:0}
.home-server-main>.status-dot{flex-shrink:0}
.home-server-main .server-power{flex-shrink:0;padding:6px;min-width:32px}
.home-server-main>div{min-width:0}
.home-server-name{font-size:13px;font-weight:700;display:block;color:#fff;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-server-track{display:block;color:#a4b0bd;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.home-server-name:hover,.home-server-track:hover{color:#62baff}
.home-server-count{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:10px;color:#a4b0bd;text-align:center;min-width:40px}
.home-server-count strong{color:#fff;font-size:17px;line-height:1;font-variant-numeric:tabular-nums}
.home-server-count.has-riders strong{color:#62baff}
.home-server-row>.button{padding:8px 12px;font-size:11px;min-height:32px}
.home-servers-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;background:transparent;border:0;border-top:1px solid #303030;padding:13px 0 2px;color:#62baff;font-size:12px;border-radius:0}
.home-servers-toggle:hover{background:transparent;color:#fff}
.home-servers-toggle>span{font-size:17px}
.homepage-lower .server-updated{font-size:10px;margin-top:14px;line-height:1.5}
@media(max-width:900px){.team-summary-content{flex-direction:column}.team-summary-content>.actions{max-width:none;justify-content:flex-start;padding-left:128px}.team-page-banner{height:185px}}
@media(max-width:600px){.team-card-banner{height:115px}.team-directory{gap:16px}.team-summary-content{padding:18px;gap:18px}.team-summary-content .team-summary-main{gap:15px}.team-summary-content .team-portrait{width:75px;height:75px;margin-top:-39px}.team-summary-content h1{font-size:21px}.team-summary-content>.actions{padding-left:0}.team-page-banner{height:150px}.team-page-banner .team-banner-placeholder{font-size:18px;letter-spacing:3px}.home-server-row{gap:9px;grid-template-columns:minmax(0,1fr) 40px auto}.home-server-main{gap:9px}.home-server-name{font-size:12px}.home-server-track{font-size:10px}.home-server-row>.button{padding:8px 10px}.country-select-row select{font-size:13px}}
@media(prefers-reduced-motion:reduce){.team-directory .team-card-with-banner{transition:none}}

.profile-series-numbers>div{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #303030}
.profile-series-numbers>div:first-child{padding-top:0}
.profile-series-numbers>div:last-child{border-bottom:0}
.profile-series-numbers .series-number{color:#62baff;font-size:20px;font-variant-numeric:tabular-nums;min-width:54px}
.profile-series-numbers>div>span:not(.chip){flex:1;font-size:13px;font-weight:600}
.profile-series-numbers .chip{font-size:10px}

/* Focus public rider details first; keep private fields available without visual clutter. */
.profile-settings-group{padding:0;border:0;margin:0 0 24px;min-width:0}
.profile-settings-group legend{display:block;width:100%;font-size:13px;font-weight:700;color:#fff;padding:0 0 10px;border-bottom:1px solid #303030;margin-bottom:4px}
.profile-settings-group:last-of-type{margin-bottom:18px}
.rider-profile-form .row{align-items:start}
.profile-private-details{border:1px solid #303030;border-radius:3px;padding:12px 14px;margin:18px 0 8px;background:#121212}
.profile-private-details>summary{cursor:pointer;color:#a4b0bd;font-size:12px;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between}
.profile-private-details>summary::after{content:'+';color:#62baff;font-size:18px;font-weight:400}
.profile-private-details[open]>summary::after{content:'−'}
.profile-private-details[open]>summary{color:#fff;margin-bottom:10px}
.profile-private-details>summary::-webkit-details-marker{display:none}
.rider-profile-form>button{min-width:130px}
.homepage-grid .news-row h3{font-size:15px;font-weight:600;color:#fff;line-height:1.45}
.homepage-grid .news-row:hover h3{color:#62baff}
.homepage-grid .news-row small{letter-spacing:.2px;line-height:1.6}
.homepage-grid .broadcast-name{font-size:15px;line-height:1.45}
.home-server-main .server-power{min-height:30px}

.profile-shell .profile-banner{height:210px;background:#121212}
.profile-shell .profile-identity{align-items:flex-start;margin-top:-38px;padding:0 25px 24px;gap:20px}
.profile-shell .avatar.large{width:98px;height:98px;border:4px solid #171717}
.profile-shell .profile-identity>div{padding-top:50px;min-width:0}
.profile-shell .profile-identity h2{font-size:25px;font-weight:700;color:#fff;line-height:1.25;overflow-wrap:anywhere}
.profile-shell .profile-identity>.button{margin-top:50px}
.profile-shell .profile-identity p{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}
.profile-shell .profile-identity .chip{font-size:10px;padding:3px 7px;line-height:1.3}
@media(max-width:600px){.profile-shell .profile-banner{height:150px}.profile-shell .profile-identity{padding:0 16px 20px;gap:13px;margin-top:-29px}.profile-shell .avatar.large{width:77px;height:77px}.profile-shell .profile-identity>div{padding-top:41px;flex:1}.profile-shell .profile-identity h2{font-size:21px}.profile-shell .profile-identity>.button{margin:0 0 0 90px}.profile-shell .profile-identity p{gap:5px;margin-top:9px}.profile-settings-group{margin-bottom:20px}}

@media(max-width:600px){
 .profile-shell .profile-identity{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px;padding:0 16px 20px;margin-top:-24px}
 .profile-shell .profile-identity>.avatar.large{width:72px;height:72px;grid-column:1;grid-row:1}
 .profile-shell .profile-identity>div{grid-column:2;grid-row:1;min-width:0;width:100%;padding-top:34px}
 .profile-shell .profile-identity h2{font-size:20px;line-height:1.35;letter-spacing:.02em;word-break:normal;overflow-wrap:break-word;margin:0}
 .profile-shell .profile-identity p{margin-top:8px;gap:6px;line-height:1.4}
 .profile-shell .profile-identity>.button{grid-column:2;margin:0;justify-self:start;max-width:100%;white-space:normal}
}