/* Recruit reference dialogs: readable probabilities and grouped reward history. */
:is(#probDetailPopup,#recruitHistoryPopup) { background: #070b0cc9; backdrop-filter: blur(6px); }
:is(#probDetailPopup,#recruitHistoryPopup) .recruit-detail-card {
    display:flex;flex-direction:column;width:calc(100% - 32px);max-width:440px;
    max-height:min(88vh,820px);max-height:min(88dvh,820px);box-sizing:border-box;
    padding:20px;border:1px solid #bca47470;border-radius:18px;overflow:hidden;
    background:radial-gradient(ellipse at top left,#bda16d13,transparent 65%),linear-gradient(145deg,#242720,#11191a);
    box-shadow:inset 0 1px 0 #f7e2b62b,0 24px 64px #0009;
}
:is(#probDetailPopup,#recruitHistoryPopup) h3 {
    flex-shrink:0;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid #bca47435;
    color:#f0e0bc;background:none;-webkit-text-fill-color:currentColor;font-size:19px;
    line-height:1.4;letter-spacing:.5px;text-align:left;text-shadow:0 2px 8px #0005;
}
.recruit-detail-body { min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a38c585c transparent; }
#probDetailList { display:flex;flex-direction:column;gap:7px; }
.recruit-prob-row { display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #fff1d512;border-left:3px solid var(--reward-color);border-radius:9px;background:linear-gradient(100deg,#ffffff06,#ffffff02); }
.recruit-prob-copy { min-width:0;flex:1; }
.recruit-prob-label { color:#f2ebdc;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere; }
.recruit-prob-label img { width:18px;height:18px;object-fit:contain;vertical-align:middle;margin-right:3px; }
.recruit-prob-sub { color:#beb9aa;font-size:11px;line-height:1.6;margin-top:5px; }
.recruit-prob-value { flex-shrink:0;color:#f5dfab;font-size:21px;font-variant-numeric:tabular-nums;line-height:1.2;text-align:right;min-width:48px; }
.recruit-prob-value small { font-size:12px;font-weight:500;margin-left:2px;color:#c6b58f; }
#probDetailNote { margin-top:14px;padding:12px;border:1px solid #bca47426;border-radius:10px;background:#080f104d;color:#cbc4b2;font-size:11px;line-height:1.8; }
#probDetailNote::before { content:'招募说明';display:block;color:#e7d3a5;font-weight:bold;font-size:12px;margin-bottom:5px; }
#probDetailNote:empty { display:none; }
#recruitHistoryList { display:flex;flex-direction:column;gap:12px; }
.recruit-history-batch { flex-shrink:0;padding:12px;border:1px solid #c4ad7336;border-radius:12px;background:linear-gradient(135deg,#ffffff05,#070d0e3d); }
.recruit-history-meta { display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;color:#cbc3b1;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums; }
.recruit-history-meta > span { padding:2px 7px;border:1px solid #d5be8929;border-radius:5px;color:#e1c990;background:#bca4740c;white-space:nowrap; }
.recruit-history-rewards { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; }
.recruit-history-reward { display:flex;align-items:center;gap:7px;min-width:0;padding:6px 8px;border-left:2px solid var(--reward-color);border-radius:5px;background:#ffffff06;color:#f1eada;font-size:12px;line-height:1.5;overflow-wrap:anywhere; }
.recruit-history-icon { display:block;flex:0 0 28px;width:28px;height:28px;object-fit:contain;border-radius:5px;background:#080d124d; }
.recruit-history-label { min-width:0; }
.recruit-history-empty { padding:44px 12px;text-align:center;color:#c6bdac;font-size:13px; }
.recruit-detail-actions { flex-shrink:0;display:flex;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid #bca47426; }
:is(#probDetailPopup,#recruitHistoryPopup) .recruit-detail-actions button {
    flex:1;min-width:0;min-height:44px;padding:10px;border:1px solid #efd6a2;border-radius:10px;
    color:#24251d;background:linear-gradient(110deg,#b89a61,#e5cea0);font-size:14px;font-weight:700;
    -webkit-text-fill-color:currentColor;box-shadow:inset 0 1px 0 #fff1cd66,0 3px 8px #0004;text-shadow:none;cursor:pointer;
}
#recruitHistoryPopup .recruit-detail-actions .recruit-detail-clear { color:#d5b3a8;border-color:#c29b844d;background:#1a201ec9;box-shadow:inset 0 1px 0 #ffe2c90c; }
:is(#probDetailPopup,#recruitHistoryPopup) .recruit-detail-actions button:active { filter:brightness(.9); }
@media(max-width:360px) {
    :is(#probDetailPopup,#recruitHistoryPopup) .recruit-detail-card { width:calc(100% - 20px);padding:14px; }
    :is(#probDetailPopup,#recruitHistoryPopup) h3 { font-size:17px;margin-bottom:12px; }
    .recruit-prob-row { padding:9px;gap:8px; }
    .recruit-history-batch { padding:10px; }
    .recruit-history-reward { padding:6px;gap:5px;font-size:11px; }
    .recruit-history-icon { flex-basis:24px;width:24px;height:24px; }
}