#social-town .social-pane.is-recruit{width:min(940px,calc(100% - 24px));left:50%;right:auto;transform:translateX(-50%);top:max(12px,env(safe-area-inset-top));bottom:max(12px,env(safe-area-inset-bottom));background:linear-gradient(140deg,#243b44f5,#142933f5)}
#social-town .recruit-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 20px}
#social-town .recruit-intro>button{flex:0 0 auto;white-space:nowrap}
#social-town .recruit-intro h3{font-size:clamp(19px,2.1vw,26px);margin:5px 0 8px;color:#ead39a}
#social-town .recruit-intro p,#social-town .recruit-card p{margin:6px 0;font-size:14px;line-height:1.65}
#social-town .recruit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:14px}
#social-town .recruit-card,#social-town .recruit-call,#social-town .recruit-no-team{padding:16px;border:1px solid #b9c9ba55;background:linear-gradient(135deg,#304349e8,#1c3039ec);border-radius:8px}
#social-town .recruit-card{border-top:2px solid #d0bc7a88}
#social-town .recruit-card header,#social-town .recruit-call header{display:flex;justify-content:space-between;gap:12px;color:#d0b97c}
#social-town .recruit-card h4{margin:12px 0 8px;font-size:19px;color:#ede4c9}
#social-town .recruit-roles{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}
#social-town .recruit-roles span{display:flex;align-items:center;gap:5px;border:1px solid #b2c7c34a;border-radius:4px;padding:7px;font-size:12px;color:#d0ded9}
#social-town .recruit-roles b{color:#dfc980}
#social-town .recruit-roles .recruit-empty{border-style:dashed;color:#9ab0b3}
#social-town .recruit-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
#social-town .recruit-call{margin:12px 0 20px}
#social-town .recruit-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;margin:12px 0}
#social-town .recruit-options label{display:flex;flex-direction:column;gap:6px;font-size:14px}
#social-town .recruit-options select{min-height:44px;width:100%;border:1px solid #c4cdba80;border-radius:5px;padding:8px;background:#24363f;color:#eee4c9;font:inherit}
#social-town .recruit-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
#social-town .recruit-applicant,#social-town .recruit-pending{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #adbbbc55}
#social-town .recruit-applicant>div:first-child,#social-town .recruit-pending>div{display:flex;flex-direction:column;gap:5px;min-width:0}
#social-town .recruit-applicant>div:last-child{display:flex;gap:6px;flex-shrink:0}
#social-town .recruit-pending b,#social-town .recruit-applicant b{overflow-wrap:anywhere}
#social-town .is-recruit .social-pane-body{padding:clamp(12px,2vw,26px)}
#social-town .is-recruit button,#social-town .recruit-call button{min-height:44px;min-width:44px}
#social-town .is-recruit button:focus-visible,#social-town .recruit-call :focus-visible{outline:2px solid #ead39a;outline-offset:3px}
@media(max-width:600px){#social-town .recruit-card footer{align-items:flex-start;flex-direction:column}#social-town .recruit-card footer button{width:100%}#social-town .recruit-applicant{flex-wrap:wrap}#social-town .recruit-intro{align-items:flex-start}#social-town .recruit-pending{flex-wrap:wrap}}