/* v0.23.1 Security Hardening — CSP-safe presentation */
.custom-rank.rank-tone-cyan{--rank-bg:#0f3c3a;--rank-fg:#63f2e6}
.online-name-link.rank-tone-cyan{--online-name-color:#63f2e6}
.custom-rank.rank-tone-red{--rank-bg:#451d2a;--rank-fg:#ff94ab}
.online-name-link.rank-tone-red{--online-name-color:#ff94ab}
.custom-rank.rank-tone-orange{--rank-bg:#4a3217;--rank-fg:#ffd09a}
.online-name-link.rank-tone-orange{--online-name-color:#ffd09a}
.custom-rank.rank-tone-yellow{--rank-bg:#473d15;--rank-fg:#ffe982}
.online-name-link.rank-tone-yellow{--online-name-color:#ffe982}
.custom-rank.rank-tone-green{--rank-bg:#173d31;--rank-fg:#7ee8bd}
.online-name-link.rank-tone-green{--online-name-color:#7ee8bd}
.custom-rank.rank-tone-blue{--rank-bg:#183457;--rank-fg:#8cc5ff}
.online-name-link.rank-tone-blue{--online-name-color:#8cc5ff}
.custom-rank.rank-tone-purple{--rank-bg:#302451;--rank-fg:#c7afff}
.online-name-link.rank-tone-purple{--online-name-color:#c7afff}
.custom-rank.rank-tone-white{--rank-bg:#26333e;--rank-fg:#f4f7fb}
.online-name-link.rank-tone-white{--online-name-color:#f4f7fb}
.custom-rank.rank-tone-gray{--rank-bg:#25313a;--rank-fg:#c2cfda}
.online-name-link.rank-tone-gray{--online-name-color:#c2cfda}
.bb-color-red{color:#ff7b8a}
.bb-color-orange{color:#ffb454}
.bb-color-yellow{color:#f4d35e}
.bb-color-green{color:#54dba6}
.bb-color-blue{color:#6eb2ff}
.bb-color-purple{color:#b99cff}
.bb-color-white{color:#f4f7fb}
.bb-color-gray{color:#a9bac7}
.pct-0{width:0%}
.pct-1{width:1%}
.pct-2{width:2%}
.pct-3{width:3%}
.pct-4{width:4%}
.pct-5{width:5%}
.pct-6{width:6%}
.pct-7{width:7%}
.pct-8{width:8%}
.pct-9{width:9%}
.pct-10{width:10%}
.pct-11{width:11%}
.pct-12{width:12%}
.pct-13{width:13%}
.pct-14{width:14%}
.pct-15{width:15%}
.pct-16{width:16%}
.pct-17{width:17%}
.pct-18{width:18%}
.pct-19{width:19%}
.pct-20{width:20%}
.pct-21{width:21%}
.pct-22{width:22%}
.pct-23{width:23%}
.pct-24{width:24%}
.pct-25{width:25%}
.pct-26{width:26%}
.pct-27{width:27%}
.pct-28{width:28%}
.pct-29{width:29%}
.pct-30{width:30%}
.pct-31{width:31%}
.pct-32{width:32%}
.pct-33{width:33%}
.pct-34{width:34%}
.pct-35{width:35%}
.pct-36{width:36%}
.pct-37{width:37%}
.pct-38{width:38%}
.pct-39{width:39%}
.pct-40{width:40%}
.pct-41{width:41%}
.pct-42{width:42%}
.pct-43{width:43%}
.pct-44{width:44%}
.pct-45{width:45%}
.pct-46{width:46%}
.pct-47{width:47%}
.pct-48{width:48%}
.pct-49{width:49%}
.pct-50{width:50%}
.pct-51{width:51%}
.pct-52{width:52%}
.pct-53{width:53%}
.pct-54{width:54%}
.pct-55{width:55%}
.pct-56{width:56%}
.pct-57{width:57%}
.pct-58{width:58%}
.pct-59{width:59%}
.pct-60{width:60%}
.pct-61{width:61%}
.pct-62{width:62%}
.pct-63{width:63%}
.pct-64{width:64%}
.pct-65{width:65%}
.pct-66{width:66%}
.pct-67{width:67%}
.pct-68{width:68%}
.pct-69{width:69%}
.pct-70{width:70%}
.pct-71{width:71%}
.pct-72{width:72%}
.pct-73{width:73%}
.pct-74{width:74%}
.pct-75{width:75%}
.pct-76{width:76%}
.pct-77{width:77%}
.pct-78{width:78%}
.pct-79{width:79%}
.pct-80{width:80%}
.pct-81{width:81%}
.pct-82{width:82%}
.pct-83{width:83%}
.pct-84{width:84%}
.pct-85{width:85%}
.pct-86{width:86%}
.pct-87{width:87%}
.pct-88{width:88%}
.pct-89{width:89%}
.pct-90{width:90%}
.pct-91{width:91%}
.pct-92{width:92%}
.pct-93{width:93%}
.pct-94{width:94%}
.pct-95{width:95%}
.pct-96{width:96%}
.pct-97{width:97%}
.pct-98{width:98%}
.pct-99{width:99%}
.pct-100{width:100%}
.alert-success{border-color:rgba(69,214,155,.45);background:rgba(69,214,155,.1);color:#9af0cb}


/* v0.23.2 UI hotfix — rejestracja i uproszczone opisy */
.auth-grid-register{grid-template-columns:minmax(0,1.1fr) minmax(340px,470px);gap:54px;align-items:center}
.auth-side{min-width:0}
.auth-hero-truck{display:block;width:min(100%,760px);height:auto;margin:0 auto 28px;filter:drop-shadow(0 24px 48px rgba(32,214,199,.12))}
.auth-side-copy{max-width:620px}
.auth-side-copy p{margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.7}
.auth-card{width:100%;max-width:470px;justify-self:end;border:1px solid var(--border-strong);background:linear-gradient(180deg,rgba(13,23,35,.98),rgba(8,15,24,.98))}
.auth-card .auth-brand{padding:24px 24px 0;margin-bottom:0}
.auth-card-head .eyebrow{display:inline-block;margin-bottom:12px}
.auth-form-stack{padding-top:18px}
.auth-form-stack .check-row{padding:4px 0 2px;line-height:1.55}
.auth-form-stack .cf-turnstile,.auth-form-stack .turnstile-wrap{display:flex;justify-content:center;max-width:100%;overflow:hidden}
@media (max-width: 1080px){.auth-grid-register{grid-template-columns:1fr;gap:28px}.auth-card{max-width:100%;justify-self:stretch}.auth-hero-truck{width:min(100%,640px)}}
@media (max-width: 680px){.auth-shell{padding-top:108px;padding-bottom:52px}.auth-grid-register{gap:20px}.auth-hero-truck{margin-bottom:18px}.auth-card .auth-brand{padding:20px 20px 0}.auth-card-head{padding:20px 20px 0}.auth-card .alert{margin:16px 18px 0}.auth-form-stack{padding:18px}.auth-switch{padding:0 18px 18px}}
