.mloop-check-wrap {
        flex: 1 0 auto;
        width: 100%;
        padding: 24px 0 32px;
        box-sizing: border-box;
    }

    .mloop-check-wrap .mloop-card {
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        box-shadow: 0 4px 14px rgba(15, 35, 71, 0.06);
        margin-bottom: 22px;
        overflow: hidden;
    }

    .mloop-check-wrap .mloop-card-header {
        padding: 14px 18px;
        background: linear-gradient(135deg, #0e4d6e 0%, #0a3a54 100%);
        color: #fff;
        font-size: 15px;
        font-weight: 700;
    }

    .mloop-check-wrap .mloop-card-header i {
        margin-right: 8px;
        color: #5dd39e;
    }

    .mloop-check-wrap .mloop-card-body {
        padding: 18px;
    }

    .mloop-check-wrap .mloop-context-line {
        font-size: 13px;
        color: #64748b;
        margin-bottom: 4px;
    }

    .mloop-check-wrap .mloop-context-title {
        font-weight: 700;
        color: #0e4d6e;
        font-size: 15px;
    }

    .mloop-check-wrap .btn-mloop-primary {
        background: #0e4d6e;
        border: none;
        color: #fff;
        border-radius: 10px;
        font-weight: 700;
    }

    .mloop-check-wrap .btn-mloop-primary:hover,
    .mloop-check-wrap .btn-mloop-primary:focus {
        color: #fff;
        opacity: 0.92;
    }

    .mloop-check-wrap .mloop-order-table {
        font-size: 13px;
        margin-bottom: 0;
    }

    .mloop-check-wrap .mloop-order-table thead th {
        background: #f1f5f9;
        color: #334155;
        font-weight: 700;
        border-bottom: 2px solid #e2e8f0;
    }

    .mloop-check-wrap .mloop-order-row {
        cursor: pointer;
    }

    .mloop-check-wrap .mloop-order-row:hover {
        background: #f8fafc;
    }