/* キャスト画面カスタムスタイル（Viteビルド不要・即時反映用）
   ビルド済みスタイルは resources/sass/pages/_actor_custom.scss に移植済み。
   ここは緊急修正や即時反映が必要な調整のみを記述する。 */

/* ユーザーリスト空状態 */
.box-joinmember .box-joinmember-empty {
    text-align: center;
    padding: 24px 12px;
    color: #999;
    font-size: 13px;
}

/* BJで遊ぶボタン（よめがめの下） */
.actor-chat .box-character #btn-blackjack {
    top: 80px;
    background-color: #e11fa9;
}
@media (min-width: 768px) {
    .actor-chat .box-character #btn-blackjack {
        top: 100px;
    }
}

/* SP: よめがめ・BJボタンを右側（待機中バッジの下）に移動 */
@media (max-width: 767px) {
    .actor-chat .box-character #btn-yomegame,
    .actor-chat .box-character #btn-blackjack {
        left: auto;
        right: 2%;
    }
    .actor-chat .box-character #btn-yomegame {
        top: 75px;
    }
    .actor-chat .box-character #btn-blackjack {
        top: 115px;
    }
}

/* ユーザーリストの気分バッジ（PCは気分/ペアチャット列、SPはID横） */
.user-mood-badge {
    display: inline-block;
    background: #e91e63;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 10px;
    margin-bottom: 4px;
}
/* SPでは控えめな色・サイズでID横に自然に並べる */
@media (max-width: 767px) {
    .user-mood-badge {
        background: #fde4ee;
        color: #000;
        font-weight: normal;
        font-size: 10px;
        padding: 1px 6px;
        border-radius: 8px;
        margin: 0 0 0 6px;
        vertical-align: middle;
    }
}

/* キャスト向け報酬テーブル: 順位列のフォントを強調 */
.cast-reward-table td:first-child {
    font-size: calc(1em + 2px);
    font-weight: 600;
}