
/* Radio conversation is part of the existing sidebar, never a command modal. */
#right{min-width:0;display:flex}
#right #log{min-height:80px;flex:1 1 44%;overscroll-behavior:contain}
#survivorRadioChat{flex:1 1 56%;min-height:220px;max-height:62%;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid #506455;background:linear-gradient(145deg,#1b2d29,#111d1c);color:#dce5d5;font:13px/1.5 system-ui,sans-serif}
#survivorRadioChat *{box-sizing:border-box}
.radioConversationHeading{display:flex;justify-content:space-between;gap:12px;flex-shrink:0;padding:10px 14px 6px;color:#acbe9d;font-size:11px}
.radioCarrier{color:#8baf9a;font-size:10px}
.survivorConversation{flex:1;min-height:30px;overflow:auto;padding:7px 12px;overscroll-behavior:contain}
.survivorConversation:empty:before{content:"The channel is yours. Speak to someone by name, or talk to the whole group.";display:block;color:#80998b;font-size:12px;padding:8px 1px}
.radioReply{display:flex;align-items:flex-start;gap:9px;padding:10px 0;overflow-wrap:anywhere}
.radioReply>div{min-width:0;border:1px solid #354c40;background:#1a2c26;border-radius:2px 11px 11px;padding:8px 10px}
.radioReply canvas{width:36px;height:36px;border-radius:6px;flex-shrink:0}
.radioReply b{font-size:11px;color:#cbd8b0;font-weight:600}
.radioReply p{margin:3px 0 0;white-space:pre-wrap}
.radioReply.fromPlayer{justify-content:flex-end;padding-left:35px}
.radioReply.fromPlayer>div{background:#253c3b;border-color:#47615d;border-radius:11px 2px 11px 11px}
.radioReply.fromPlayer b{color:#8db7b7}
#survivorRadioChat form{flex-shrink:0;padding:9px 12px 12px;background:#14231f;border-top:1px solid #32483c}
#survivorRadioChat label{display:block;color:#adbea1;font-size:11px;margin-bottom:5px}
.radioComposer{display:flex;gap:7px}
.radioComposer textarea{flex:1;min-width:0;resize:none;border:1px solid #4f6a59;border-radius:7px;color:#e3eadc;background:#0c1917;min-height:62px;padding:9px 10px;font:13px/1.5 system-ui}
.radioComposer textarea::placeholder{color:#7f978b}
.radioComposer button{width:44px;flex-shrink:0;border:1px solid #b4c692;background:#b8cb8e;color:#213926;border-radius:7px;font-size:24px;cursor:pointer}
.radioComposer button:disabled{opacity:.45;cursor:wait}
.radioComposer :focus-visible{outline:2px solid #dccc91;outline-offset:2px}
@media(max-width:900px){
 #main{grid-template-columns:1fr;grid-template-rows:minmax(140px,1fr) minmax(330px,38vh)}
 #right{min-height:0}
 #right h2{padding:7px 12px 5px;font-size:10px}
 #radioImportance{margin-top:4px;padding:3px}
 #right #log{min-height:45px;flex:1 1 26%;padding:5px 12px;font-size:11px}
 #survivorRadioChat{flex:1 1 74%;max-height:76%;min-height:215px}
 .radioConversationHeading{padding:6px 12px 2px}
 #survivorRadioChat form{padding:6px 10px 8px}
 .radioComposer textarea{min-height:56px;font-size:16px;line-height:1.3}
}

/* Reuse the same conversation and draft above open game desks. */
#survivorRadioChat.radioFloating{position:fixed;right:12px;bottom:12px;z-index:1000000;width:340px;height:min(490px,72dvh);max-height:calc(100dvh - 24px);min-height:0;border:1px solid #607765;border-radius:10px;box-shadow:0 8px 28px #0008}
@media(min-width:1100px){
 body.radio-over-panels :is(.worldModal,.expansionModal,.duelTheatre,.duelModal,.ambushModal,.expModal,#profile,#prisonDesk,#relocationModal,#eliteTravelerModal){padding-right:370px!important}
}
@media(max-width:1099px){
 #survivorRadioChat.radioFloating{left:8px;right:8px;bottom:8px;width:auto;height:220px;max-height:calc(100dvh - 16px)}
 body.radio-over-panels :is(.worldModal,.expansionModal,.duelTheatre,.duelModal,.ambushModal,.expModal,#profile,#prisonDesk,#relocationModal,#eliteTravelerModal){bottom:236px!important;padding:6px!important}
 body.radio-over-panels :is(.worldModal,.expansionModal,.duelTheatre,.duelModal,.ambushModal,.expModal,#profile,#prisonDesk,#relocationModal,#eliteTravelerModal)>:first-child{max-height:calc(100dvh - 250px)!important}
}

#btnRecruitment[aria-checked="false"]{color:#f0c78b;border-color:#967242;background:#382d20}
