/* Kinoportal / Stage 3. Усі правила обмежено соціальними компонентами форуму. */
.kp-social-page{max-width:1170px;margin-inline:auto;padding:14px 14px 54px;box-sizing:border-box;color:var(--kp-text,#eef4ff)}
.kp-social-page *, .kp-social-profile-badges *{box-sizing:border-box}
.kp-social-head{gap:14px;align-items:center}
.kp-social-head h1{color:var(--kp-text,#f8fafc)}
.kp-social-panels{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:18px;align-items:start}
.kp-social-page .forum-card{min-width:0}
.kp-social-form h2,.kp-social-side h2{color:var(--kp-text,#eef4ff);margin:22px 0 9px;font-size:1.13rem}
.kp-social-form form{display:grid;gap:11px}
.kp-social-form textarea{display:block;width:100%;max-width:100%;min-height:96px;padding:12px 14px;border-radius:12px;border:1px solid var(--kp-border,#466080);background:var(--kp-surface-2,#11243b);color:var(--kp-text,#f5f8ff);font:inherit;line-height:1.55;resize:vertical}
.kp-social-form textarea:focus-visible{outline:2px solid #74a8ff;outline-offset:2px}
.kp-social-label{display:block;font-weight:800;color:var(--kp-text,#eef4ff)}
.kp-social-page .kp-social-help{margin:-4px 0 10px;font-size:.85rem}
.kp-social-rank{display:flex;align-items:center;gap:12px;border:1px solid var(--kp-border,#466080);border-radius:16px;padding:14px;margin-bottom:20px;background:var(--kp-surface-2,#152b48)}
.kp-social-rank__icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:13px;background:var(--kp-surface-3,#29486d);font-size:1.6rem}
.kp-social-rank strong,.kp-social-rank small{display:block}.kp-social-rank strong{font-size:1.13rem;color:var(--kp-text,#eef4ff)}.kp-social-rank small{margin-top:4px;color:var(--kp-text-soft,#b6cce8);line-height:1.45}
.kp-social-badge-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.kp-social-badge-choice{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--kp-border,#39516e);border-radius:12px;background:var(--kp-surface-2,#142a47);color:var(--kp-text,#eaf2ff);font-size:.88rem;line-height:1.4;cursor:pointer}
.kp-social-badge-choice:has(input:checked){border-color:#78a6ef;background:var(--kp-surface-3,#203d64)}.kp-social-badge-choice input{flex:none;width:18px;height:18px;accent-color:#417ee1}.kp-social-badge-choice span{font-size:1.25rem}.kp-social-badge-choice strong{font-weight:700}
.kp-social-save{min-height:44px;max-width:max-content;padding:11px 18px;border:1px solid #7fa8ff;background:#2563da;color:#fff;border-radius:10px;font-size:.94rem;font-weight:800;cursor:pointer}
.kp-social-save:disabled{opacity:.55;cursor:default}
.kp-social-side{display:grid;gap:11px}.kp-social-side p{margin:0;color:var(--kp-text-soft,#c2d2e8);line-height:1.6}.kp-social-side h2{margin:0}.kp-social-side a{display:block;text-align:center;text-decoration:none}
.kp-social-empty{padding:18px;color:var(--kp-text-soft,#d3e0ee)}.kp-social-empty a{color:var(--kp-brand,#8eb8ff)}
.kp-social-filters,.kp-social-periods{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 10px}.kp-social-periods{margin:8px 0 14px}
.kp-social-filters a,.kp-social-periods a{display:inline-flex;align-items:center;min-height:42px;padding:8px 14px;border-radius:12px;border:1px solid var(--kp-border,#38577e);color:var(--kp-text,#eef4ff);background:var(--kp-surface-2,#173050);text-decoration:none;font-size:.91rem;font-weight:700}
.kp-social-filters a.is-active,.kp-social-periods a.is-active{background:#2556a7;border-color:#80aeff;color:#fff}
.kp-social-explain{line-height:1.55}
.kp-social-leaders{display:grid;gap:9px;list-style:none;padding:0;margin:18px 0 24px}
.kp-social-leader{display:flex;gap:15px;align-items:center;min-width:0;padding:12px 16px;border:1px solid var(--kp-border,#345270);border-radius:14px;background:var(--kp-surface,#10243e)}
.kp-social-leader.is-top{border-color:#607da7}
.kp-social-place{flex:0 0 39px;text-align:center;font-weight:800;color:var(--kp-text,#eef4ff);font-size:1.2rem}
.kp-social-person{display:flex;align-items:center;gap:11px;flex:1;min-width:0;color:var(--kp-text,#eef4ff)!important;text-decoration:none}
.kp-social-person img{flex:0 0 46px;object-fit:cover;border-radius:50%;aspect-ratio:1/1}
.kp-social-person>span{min-width:0}.kp-social-person strong{display:block;overflow-wrap:anywhere}.kp-social-person small{display:block;color:var(--kp-text-soft,#b9cae0);margin-top:3px}
.kp-social-points{flex:0 0 auto;color:var(--kp-text,#f8fafc);font-size:1.14rem;text-align:right}.kp-social-points small{display:block;font-weight:500;color:var(--kp-text-soft,#b9cae0);font-size:.78rem}
.kp-social-disclaimer p{color:var(--kp-text-soft,#b9cae0);line-height:1.6}
.kp-social-signature{margin-top:15px;padding-top:11px;border-top:1px dashed var(--kp-border,#426080);font-size:.86rem;color:var(--kp-text-soft,#b9cde8);line-height:1.5;overflow-wrap:anywhere}
.kp-social-signature::before{content:'✍ ';opacity:.85}
.kp-social-profile-badges{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.kp-social-profile-badges .kp-social-earned{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--kp-border,#44608b);border-radius:9px;padding:4px 8px;font-size:.77rem;color:var(--kp-text,#e9f0ff);background:var(--kp-surface-2,#1a3455);line-height:1.4}
.kp-social-userlink{color:var(--kp-text,#eef4ff)!important;text-decoration:none}.kp-social-userlink:hover{text-decoration:underline}
.kp-social-author-controls{margin-top:7px;display:flex;gap:9px;flex-wrap:wrap}.kp-social-author-controls a{font-size:.79rem;color:var(--kp-brand,#9dc5ff)!important;text-decoration:underline}
@media(max-width:740px){.kp-social-panels{grid-template-columns:1fr}.kp-social-badge-choices{grid-template-columns:1fr}.kp-social-page{padding:10px 10px 40px}.kp-social-points{font-size:.99rem}.kp-social-place{flex-basis:28px}.kp-social-leader{gap:10px;padding:12px}.kp-social-person img{width:40px;height:40px;flex-basis:40px}}
@media(max-width:350px){.kp-social-person img{display:none}.kp-social-points{font-size:.88rem}.kp-social-place{flex-basis:22px}}

.kp-social-admin-sig{display:grid;gap:10px}.kp-social-admin-sig__text{border-left:3px solid #6e9ff6;padding:9px 12px;margin:0;background:var(--kp-surface-2,#162941);color:var(--kp-text,#eef4ff);overflow-wrap:anywhere}.kp-social-admin-sig__form{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.kp-social-admin-sig__form label{display:grid;gap:5px;flex:1;min-width:190px;color:var(--kp-text,#eef4ff)}.kp-social-admin-sig__form input{width:100%;min-height:40px;padding:7px 12px;border:1px solid var(--kp-border,#465e80);border-radius:10px;background:var(--kp-surface-2,#152a45);color:var(--kp-text,#eef4ff)}