.recruitment-page{min-height:75vh;padding-bottom:48px;font-size:17px}.recruitment-page .support-avatar.support-skin-avatar:is([data-role=player],[data-role=team]){background:0 0;border-radius:9px;width:42px;height:42px;position:relative}.recruitment-header,.recruitment-toolbar,.recruitment-form-heading,.recruitment-chat-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.recruitment-header{margin-bottom:36px}.recruitment-header h1{align-items:center;gap:16px;font-size:clamp(30px,4vw,46px);line-height:1.15;display:flex}.recruitment-header h1 svg{width:38px;height:38px;color:var(--gold);flex-shrink:0}.recruitment-facts{flex-wrap:wrap;gap:32px;margin-bottom:22px;display:flex}.recruitment-facts span{color:var(--muted)}.recruitment-facts strong{color:var(--ink);margin-right:5px;font-size:22px}.recruitment-requirements{border-bottom:1px solid var(--line);margin-bottom:34px;padding-bottom:32px}.recruitment-requirements>p{max-width:85ch;color:var(--muted);line-height:1.8}.recruitment-page details{margin-top:22px}.recruitment-page summary{cursor:pointer;color:var(--link);padding:8px 0;font-weight:650}.recruitment-guidance{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:20px 0 0;display:grid}.recruitment-guidance h3{margin:0 0 12px;font-size:20px}.recruitment-guidance p,.recruitment-writing-tips p{color:var(--muted);line-height:1.8}.recruitment-toolbar{margin-bottom:24px}.recruitment-toolbar h2{font-size:26px}.recruitment-toolbar>div,.recruitment-review-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.recruitment-primary,.recruitment-secondary,.recruitment-back{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:16px;font-weight:650;text-decoration:none;transition:background-color .16s,color .16s;display:inline-flex}.recruitment-primary{background:var(--gold-solid,#f6dc43);color:#24200c;border:1px solid #0000}.recruitment-primary:hover{color:#24200c;background:#ffe568;text-decoration:none}.recruitment-secondary{background:var(--soft);color:var(--ink);border:1px solid var(--line)}.recruitment-secondary:hover{background:var(--raised);color:var(--ink);text-decoration:none}.recruitment-back{color:var(--muted);background:0 0;border:0;margin-bottom:20px;padding:8px 0}.recruitment-back:hover{color:var(--ink)}.recruitment-page button:disabled{opacity:.55;cursor:wait}.recruitment-page button:focus-visible,.recruitment-page a:focus-visible{outline:2px solid var(--link);outline-offset:3px}.recruitment-filters{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;display:flex}.recruitment-tabs{background:var(--soft);border-radius:12px;grid-template-columns:repeat(3,1fr);min-width:290px;padding:4px;display:grid}.recruitment-tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:10px 16px;font-size:16px;font-weight:600}.recruitment-tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink)}.recruitment-search{flex:1;align-items:center;min-width:230px;display:flex;position:relative}.recruitment-search>svg{color:var(--muted);pointer-events:none;position:absolute;left:14px}.recruitment-search input{padding-left:44px!important;padding-right:44px!important}.recruitment-search button{color:var(--muted);background:0 0;border:0;display:flex;position:absolute;right:12px}.recruitment-page input,.recruitment-page textarea{box-sizing:border-box;border:1px solid var(--field-line,var(--line));background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:12px;outline:none;padding:14px 16px}.recruitment-page :is(input,textarea):focus{border-color:var(--link);box-shadow:inset 0 0 0 1px var(--link)}.recruitment-page textarea{resize:vertical;line-height:1.85}.recruitment-page [aria-invalid=true]{border-color:var(--danger)!important}.recruitment-filters>.ui-select{width:auto;min-width:180px}.recruitment-list{border-top:1px solid var(--line)}.recruitment-row{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;grid-template-columns:44px minmax(140px,1fr) auto auto 20px;align-items:center;gap:20px;padding:24px 8px;display:grid}.recruitment-row:hover{background:var(--surface)}.recruitment-row>span:nth-child(2){gap:6px;display:grid}.recruitment-row strong{font-size:19px}.recruitment-row>span:nth-child(2)>span,.recruitment-row time{color:var(--muted);font-size:15px}.recruitment-unread{color:var(--link);margin-left:14px;font-size:14px}.recruitment-state{white-space:nowrap;color:var(--muted);align-items:center;gap:9px;font-size:16px;font-weight:600;display:inline-flex}.recruitment-state:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.recruitment-state[data-state=reviewing]{color:#87bee9}.recruitment-state[data-state=approved]{color:#8dcea4}.recruitment-state[data-state=rejected]{color:#efa0a2}[data-theme=light] .recruitment-state[data-state=reviewing]{color:#21618d}[data-theme=light] .recruitment-state[data-state=approved]{color:#276841}[data-theme=light] .recruitment-state[data-state=rejected]{color:#a53742}.recruitment-muted{color:var(--muted);font-size:15px}.recruitment-empty{text-align:center;max-width:650px;margin:0 auto;padding:52px 24px}.recruitment-empty>svg{color:var(--gold);margin:0 auto 16px}.recruitment-empty h3,.recruitment-empty h2{margin-bottom:14px;font-size:24px}.recruitment-empty p{color:var(--muted);margin-bottom:22px;line-height:1.8}.recruitment-form{max-width:960px;margin:16px auto 0}.recruitment-form label,.recruitment-reply>label,.recruitment-decision label{margin:20px 0 12px;font-weight:600;display:block}.recruitment-form-heading h2{font-size:25px}.recruitment-form-heading .recruitment-back{margin:0}.recruitment-writing-tips{background:var(--soft);border-radius:14px;padding:14px 22px}.recruitment-word-count{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:12px 0;font-size:15px;display:flex}.recruitment-word-count [data-ready=true]{color:var(--success)}.recruitment-field-error{color:var(--danger);margin:10px 0}.recruitment-form footer{justify-content:space-between;align-items:center;gap:24px;margin-top:28px;display:flex}.recruitment-form footer p{max-width:54ch;color:var(--muted);font-size:15px}.recruitment-form footer button{flex-shrink:0}.recruitment-chat-heading{border-bottom:1px solid var(--line);padding:12px 0 28px}.recruitment-chat-heading h2{margin:12px 0;font-size:30px}.recruitment-chat-heading p{color:var(--muted);margin:0}.recruitment-reject{color:var(--danger)}.recruitment-messages{gap:8px;padding:18px 0 24px;display:grid}.recruitment-message{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;padding:10px 0;display:grid}.recruitment-message>.recruitment-message-content{background:color-mix(in srgb, var(--soft) 68%, transparent);border-radius:5px 17px 17px;min-width:0;padding:15px 18px}.recruitment-message[data-role=team]>.recruitment-message-content{background:color-mix(in srgb, var(--success) 7%, var(--soft))}.recruitment-message header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.recruitment-message header span,.recruitment-message time{color:var(--muted);font-size:14px}.recruitment-message time{margin-left:auto}.recruitment-message-text{white-space:pre-wrap;overflow-wrap:anywhere;color:color-mix(in srgb, var(--ink) 92%, var(--muted));line-height:1.7}.recruitment-message-text a{color:var(--link);text-decoration:underline}.recruitment-message[data-role=system]{border:1px solid color-mix(in srgb, var(--gold) 24%, var(--line));color:var(--ink);background:color-mix(in srgb, var(--gold) 6%, var(--surface));border-radius:18px;grid-template-columns:40px minmax(0,1fr);gap:13px;margin:8px 0;padding:18px 20px}.recruitment-message[data-role=system]>.support-avatar{width:40px;height:40px;color:var(--gold);background:color-mix(in srgb, var(--gold) 13%, var(--soft));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 18%, transparent);border-radius:12px}.recruitment-message[data-role=system]>.recruitment-message-content{background:0 0;border-radius:0;padding:0}.recruitment-message[data-role=system] header{margin-bottom:7px}.recruitment-message[data-role=system] header span{color:color-mix(in srgb, var(--gold) 72%, var(--muted))}.recruitment-decision-message{gap:7px;display:grid}.recruitment-decision-message>strong{color:var(--ink);font-size:17px}.recruitment-decision-message>span{color:var(--muted)}.recruitment-reply{border-top:1px solid var(--line);padding-top:8px}.recruitment-reply textarea{min-height:120px}.recruitment-compose-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;display:flex}.recruitment-compose-actions>button{margin-left:auto}.recruitment-attach{color:var(--link);cursor:pointer;align-items:center;gap:8px;display:inline-flex;position:relative}.recruitment-attach input{opacity:0;cursor:pointer;position:absolute;inset:0}.recruitment-file{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:9px;align-items:center;gap:8px;margin:12px 10px 0 0;padding:8px 12px;display:inline-flex}.recruitment-closed{border:1px solid var(--line);background:var(--soft);border-radius:14px;align-items:flex-start;gap:14px;padding:22px;display:flex}.recruitment-closed[data-state=approved]{border-color:color-mix(in srgb, var(--success) 34%, var(--line));background:color-mix(in srgb, var(--success) 8%, var(--soft))}.recruitment-closed[data-state=approved]>svg{color:var(--success)}.recruitment-closed[data-state=rejected]{border-color:color-mix(in srgb, var(--danger) 27%, var(--line));background:color-mix(in srgb, var(--danger) 6%, var(--soft))}.recruitment-closed[data-state=rejected]>svg{color:var(--danger)}.recruitment-closed p{color:var(--muted);margin:6px 0 0}.recruitment-decision{gap:14px;padding:24px;display:grid}.recruitment-decision h2{font-size:25px}.recruitment-decision p{color:var(--muted);line-height:1.7}.recruitment-decision textarea{background:var(--surface);min-height:140px;color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:12px;padding:14px}@media (max-width:750px){.recruitment-guidance{grid-template-columns:1fr;gap:18px}.recruitment-header h1{font-size:30px}.recruitment-facts{gap:16px}.recruitment-facts strong{font-size:19px}.recruitment-row{grid-template-columns:42px 1fr 20px;gap:12px;padding-block:20px}.recruitment-row>.recruitment-state{grid-column:2;font-size:15px}.recruitment-row>time{grid-column:2}.recruitment-row>svg{grid-area:1/3}.recruitment-filters>*{width:100%}.recruitment-tabs{min-width:0}.recruitment-form footer{flex-direction:column;align-items:stretch}.recruitment-message{gap:12px}.recruitment-message time{margin-left:0}.recruitment-review-actions{width:100%}.recruitment-word-count{font-size:14px}}@media (prefers-reduced-motion:reduce){.recruitment-page *{transition:none!important;animation:none!important}}
