.bt-tip { cursor: help; border-radius: .375rem; transition: background .15s; }
.bt-tip:hover { background: rgba(0,0,0,.04); }

/* モバイル対応 */
@media (max-width: 767.98px) {
    /* ステータスバー */
    .bot-status-bar {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.75rem !important;
    }
    .bot-status-bar .ms-auto {
        margin-left: 0 !important;
        width: 100%;
    }
    .bot-status-bar .ms-auto .d-flex {
        flex-wrap: wrap;
    }
    .bot-status-bar .btn {
        flex: 1 1 auto;
        font-size: .85rem;
        padding: .4rem .6rem;
    }

    /* ページタイトル */
    .bot-page h1 { font-size: 1.25rem; }

    /* 手数料サマリー */
    .bot-fee-bar {
        flex-direction: column !important;
        gap: 0.25rem !important;
        align-items: flex-start !important;
    }
    .bot-fee-bar > div {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .bot-fee-bar .fs-5 { font-size: 1rem !important; }

    /* バックテストヘッダー */
    .bt-header {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .bt-header > .d-flex {
        width: 100%;
        flex-wrap: wrap;
    }
    .bt-header #run-bt-btn { width: 100%; }

    /* バックテストメトリクス */
    #bt-metrics {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 6px;
    }
    #bt-metrics > .col { width: auto; }
    #bt-metrics .fs-6 { font-size: .85rem !important; }

    /* ログエリア */
    #log-area { height: 200px !important; font-size: 11px !important; }
}