/* Extracted from templates/task_detail.html style block 1. */
/* 任务详情：禁用卡片 hover 位移，避免鼠标在内容区边缘时 hover 抖动引发层级闪烁 */
.qf-task-detail .card:hover {
    transform: none !important;
}

/* Extracted from templates/task_detail.html style block 2. */
                .qf-migration-soon-wrap { position: relative; display: inline-block; }
                .qf-migration-soon-tip {
                    display: none;
                    position: absolute;
                    left: 0;
                    top: 100%;
                    margin-top: 2px;
                    min-width: 280px;
                    max-width: 340px;
                    padding: 0.5rem 0.75rem;
                    font-size: 0.875rem;
                    line-height: 1.45;
                    color: #212529;
                    background: #fff;
                    border: 1px solid rgba(0,0,0,.15);
                    border-radius: 0.375rem;
                    box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1);
                    z-index: 1080;
                }
                .qf-migration-soon-wrap:hover .qf-migration-soon-tip,
                .qf-migration-soon-wrap:focus-within .qf-migration-soon-tip { display: block; }


/* Extracted from templates/task_detail.html style block 3. */
        .qf-quota-exceeded-banner {
            border-width: 2px !important;
            background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
            color: #7f1d1d;
        }
        .qf-quota-exceeded-banner .btn-outline-light {
            color: #991b1b;
            border-color: #f87171;
        }
        .qf-quota-exceeded-banner .btn-outline-light:hover {
            background: #fff;
            color: #7f1d1d;
        }


/* Extracted from templates/task_detail.html style block 4. */
        .qf-q-row { font-size: 0.8125rem; color: #64748b; }
        .qf-q-bar { height: 5px; background: #eef2f7; border-radius: 3px; overflow: hidden; margin-top: 4px; }
        .qf-q-metrics-line { flex-wrap: wrap; column-gap: 0.75rem; row-gap: 0.15rem; }
        .qf-q-fill { height: 100%; border-radius: 3px; transition: width .2s ease; }
        .qf-q-fill.qf-ok { background: rgba(148, 163, 184, 0.28); }
        .qf-q-fill.qf-warn { background: rgba(251, 191, 36, 0.5); }
        .qf-q-fill.qf-over { background: rgba(248, 113, 113, 0.85); }


/* Extracted from templates/task_detail.html style block 5. */
    .qf-copy-btn { color: #64748b; text-decoration: none; line-height: 1; }
    .qf-copy-btn:hover { color: #0d6efd; }
    .qf-copy-btn i { font-size: 1rem; vertical-align: -0.125em; }