/* 보스 파티 탭 (bossparty.js). 창 틀은 pickers.css의 .jp-modal/.jp-box를 그대로 씀 */
.bp-head{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:20px;}
.bp-week{margin:0; font-size:13px; color:var(--sub);}
.bp-week b{color:var(--text);}
.bp-list{display:flex; flex-direction:column; gap:14px; margin-top:14px;}
.bp-empty{padding:40px 20px; text-align:center; color:var(--sub); font-size:14px; line-height:1.8; border:1px dashed var(--line); border-radius:16px;}
.bp-empty b{color:var(--cyan);}

.bp-card{padding:18px 20px; border-radius:16px; background:var(--panel); border:1px solid var(--line);}
.bp-chead{display:flex; align-items:center; gap:12px;}
.bp-faces{display:flex; flex:none;}
.bp-faces .jp-icon{margin-left:-6px; border:2px solid #0d111c;}
.bp-faces .jp-icon:first-child{margin-left:0;}
.bp-title{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;}
.bp-title b{font-size:16px; color:var(--text);}
.bp-title span{font-size:12.5px; color:var(--sub); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.bp-bosses{display:flex; flex-wrap:wrap; gap:6px; margin-top:12px;}
.bp-boss{display:inline-flex; align-items:center; gap:6px; padding:3px 10px 3px 3px; border-radius:999px; background:rgba(255,255,255,0.04); border:1px solid var(--line); font-size:12.5px; color:var(--text);}
.bp-boss small{font-weight:800; color:var(--dc);}
.bp-boss button{border:none; background:none; color:var(--sub); cursor:pointer; padding:0 0 0 2px; font-size:12px;}
.bp-boss button:hover{color:var(--danger);}
.bp-addboss{padding:6px 12px; border-radius:999px; border:1px dashed color-mix(in srgb, var(--cyan) 45%, transparent); background:none; color:var(--cyan); font:700 12.5px var(--font); cursor:pointer;}

/* 이번 주 보상 + 다음 사람들 */
.bp-turn{display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:14px; padding:12px 14px; border-radius:14px;
  background:linear-gradient(120deg, color-mix(in srgb, var(--warn) 12%, transparent), transparent 70%); border:1px solid color-mix(in srgb, var(--warn) 30%, var(--line));}
.bp-now{display:flex; align-items:center; gap:12px;}
.bp-now small{display:block; font-size:12px; font-weight:700; color:var(--warn);}
.bp-now b{font-size:20px; font-weight:900; color:var(--text);}
.jp-icon.bp-nowface{width:48px; height:48px; border-radius:12px; border:2px solid color-mix(in srgb, var(--warn) 60%, transparent);}
.bp-next{display:flex; flex-wrap:wrap; gap:6px 14px; margin:0 0 0 auto; padding:0; list-style:none;}
.bp-next li{display:flex; align-items:center; gap:6px; font-size:13px; color:var(--sub);}
.bp-next li small{font-size:11.5px; opacity:.8;}
.bp-next li span{color:var(--text);}

.bp-order{display:flex; align-items:center; flex-wrap:wrap; gap:4px; margin-top:10px; font-size:12px; color:var(--sub);}
.bp-order > span{margin-right:4px; font-weight:700;}
.bp-order em{font-style:normal; opacity:.5;}
.bp-ochip{padding:4px 10px; border-radius:999px; border:1px solid var(--line); background:none; color:var(--sub); font:600 12px var(--font); cursor:pointer;}
.bp-ochip:hover{color:var(--text); border-color:color-mix(in srgb, var(--cyan) 50%, transparent);}
.bp-ochip.on{color:#1a1200; background:var(--warn); border-color:var(--warn); font-weight:800;}
.bp-noturn{margin-top:12px; font-size:13px; color:var(--sub);}
.bp-link{border:none; background:none; color:var(--cyan); font:700 13px var(--font); cursor:pointer; text-decoration:underline;}

/* 만들기/고치기 창 */
.bp-modal{z-index:70;}
.bp-mbody{overflow:auto; padding-right:2px;}
.bp-mlabel{display:flex; align-items:center; gap:6px; margin:16px 0 6px; font-size:13px; font-weight:800; color:var(--text);}
.bp-mlabel:first-child{margin-top:0;}
.bp-mlabel small{font-weight:500; color:var(--sub);}
.bp-search{display:flex; gap:8px;}
.bp-search .jp-search{flex:1;}
.bp-smsg{min-height:18px; margin-top:6px; font-size:12.5px; color:var(--sub);}
.bp-smsg.bad{color:var(--danger);}
.bp-mlist, .bp-rlist{list-style:none; margin:4px 0 0; padding:0; display:flex; flex-direction:column; gap:6px;}
.bp-mitem, .bp-ritem{display:flex; align-items:center; gap:10px; padding:6px 8px; border-radius:12px; background:rgba(255,255,255,0.03); border:1px solid var(--line);}
.bp-minfo{flex:1; min-width:0; display:flex; flex-direction:column;}
.bp-minfo b{font-size:14px; color:var(--text);}
.bp-minfo em{margin-left:6px; font-style:normal; font-size:11px; font-weight:800; color:var(--warn);}
.bp-minfo span{font-size:12px; color:var(--sub);}
.bp-mitem button, .bp-ritem button{padding:5px 9px; border-radius:8px; border:1px solid var(--line); background:none; color:var(--sub); font:600 12px var(--font); cursor:pointer;}
.bp-mitem button:hover, .bp-ritem button:not(:disabled):hover{color:var(--text);}
.bp-ritem button:disabled{opacity:.3; cursor:default;}
.bp-rm:hover{color:var(--danger) !important;}
.bp-mempty{padding:14px; text-align:center; font-size:13px; color:var(--sub); border:1px dashed var(--line); border-radius:12px;}

.bp-rotlabel{cursor:pointer;}
.bp-rotlabel input{width:16px; height:16px; accent-color:var(--cyan);}
.bp-rothelp{margin:0 0 6px; font-size:12.5px; color:var(--sub);}
.bp-ritem b{flex:1; min-width:0; font-size:14px; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bp-ritem.off{opacity:.5;}
.bp-rno{width:18px; text-align:center; font:800 13px var(--font); color:var(--cyan);}
.bp-rcur{display:flex; align-items:center; gap:4px; font-size:12px; color:var(--sub); white-space:nowrap; cursor:pointer;}
.bp-rcur input{accent-color:var(--warn);}
.bp-mfoot{display:flex; justify-content:flex-end; gap:8px; margin-top:16px;}
.bp-del{margin-right:auto; color:var(--danger) !important;}

.bp-toast{position:fixed; left:50%; bottom:24px; transform:translateX(-50%); z-index:90; padding:10px 18px; border-radius:999px;
  background:rgba(8,20,30,0.95); border:1px solid rgba(63,242,255,0.35); color:var(--text); font-size:13px; pointer-events:none;}

@media (max-width:640px){
  .bp-card{padding:14px;}
  .bp-faces{display:none;}
  .bp-next{margin-left:0;}
  .bp-ritem{flex-wrap:wrap;}
}